flex

【SpringBoot技术专题】「开发实战系列」Undertow web容器的入门实战及调优方案精讲

API总结特点：Lightweight（轻量级）HTTPUpgradeSupport（支持http升级）、HTTP/2Support支持HTTP2.0Servlet4.0Embeddable（可嵌入的）Flexible
洛神灬殇·2024-01-22 08:50

HTML JavaScript 数字变化特效

效果案例一：上下滚动案例二：本身变化代码数字滚动变化动画*{margin:0;padding:0;}/*滚动变化相关*/.valScrollAmt-box{display:flex;height:50px
正在修炼的IT大佬·2024-01-22 07:21

2.IHRM人力资源 - 登录

登录页结构与表单开发我们要实现的登录界面目前的登录界面1.1登录页结构复制下面的代码到views/login/index.vue页面下登录exportdefault{name:'Login'}.login-container{display:flex
我爱布朗熊·2024-01-22 07:11

Vue中使px自动转rem配置 (h5适配问题)

1.使用amfe-flexible+postcss
lipenghao111·2024-01-22 00:08

HTML+CSS：飞翔按钮

CodeSendbody{height:100vh;display:flex;justify-content:center;align-items:
若冰说·2024-01-21 23:16

32 选择组件

CodeBreadCheeseCoffeebody{height:100vh;display:flex;justify-content:center;align-
若冰说·2024-01-21 23:46

文件上传组件

Codebody{height:100vh;display:flex;justify-content:cente
若冰说·2024-01-21 23:46

input框点击出现蓝色背景，uniapp项目，这是ios系统手机独有的问题，安卓和window系统没有。要在点击的标签里面加上 -webkit-tap-highlight-color

webkit-tap-highlight-color:rgba(0,0,0,0);.uni-stat__select{-webkit-tap-highlight-color:rgba(0,0,0,0);display:flex
深一海·2024-01-21 20:56

一篇文章带你彻底了解flex布局

哈喽，大家好呀，我是前端理想哥，今天我们来聊聊flex布局。好，主角登场。
聪明的竹子·2024-01-21 17:12

工作笔记总结

好记性不如烂笔头Flexflex:direction:row/column横向排列纵向flex-warp：warp拆行拆列display:-webkit-flex;display:-ms-flexbox
张张张96·2024-01-21 16:36

view中用flex实现文字的垂直居中

视图容器view上设置view{display:flex;justify-content:center;align-items:center;}view相当于div是一个视图容器，传统的方法实现div中文字的水平垂直居中是设置
前端来入坑·2024-01-21 16:46

HTML5+CSS3小实例：全屏搜索栏

/margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/height:100vh;/*弹性布局水平+垂直居中*/display:flex
艾恩小灰灰·2024-01-21 10:38

使用HTML实现一个不一样的圣诞树

为了让圣诞树展示好看，再给body添加一个flex布局，让圣诞树展示在页面中间。*{padding:0;margin:0;list-style:none;}body{dis
爱躺平的威威·2024-01-21 08:53

git --git-dir_Git简介-第2轮（高级）

git--git-dirGitisanincrediblypowerful,flexible,andcapabledistributedversioncontrolsystem.Unfortunately
culh2177·2024-01-21 08:34

页面布局之瀑布流

Column-count：设置展示的列数Column-gap:设置列之间的间隔子盒子：Break-inside:avoid防止断裂特点：图片高度过高会换新的一列，图片以列排序HTML结构：css：效果图：2.flex-box
如沐春风ei·2024-01-21 06:22

FSA (Flexible Spectrum Access) 简要介绍

继SUL，ULTXSwitching之后，有另一个新技术FSA(FlexibleSpectrumAccess，灵活频谱接入)进一步提升上行性能，频谱利用率提升40%，上行速率可达Gbps。
LinkEverything·2024-01-21 01:24

Css - 三栏布局 - flex

三栏布局-flex弹性盒子*,body{margin:0;padding:0;}.container{display:flex;flex-direction:row;}.main{height:500px
ElricTang·2024-01-21 01:53

新品发布 | FlexRay系列产品TP1034和以太网系列产品TP1051全新亮相

FlexRay系列产品TP1034，2路FlexRay、2路CANFD总线转PCIe接口设备。以太网系列产品TP1051，2路以太网转PCIe接口设备。
TOSUN同星·2024-01-20 20:13

利用JavaScript实现随机点名

JavaScript代码如下CSS部分*{margin:0;padding:0;}h2{text-align:center;}.box{width:600px;margin:50pxauto;display:flex
W2399755751·2024-01-20 20:38

Archtecture Lab：准备知识3【make时报缺少flex/报错多次定义/.yo和.ys的含义】

make时报缺少flex报错如下图。
BU冰糖雪梨里的梨PT·2024-01-20 19:20

uniapp 学习笔记

VUE学习笔记布局横向布局H(){display:flex;//创建布局管理器flex-direction:row;//方向row垂直flex-wrap:wrap;//显示不下是否换行}//居中.center
宙思无限·2024-01-20 16:30

Flex布局

采用Flex布局的元素，称为Flex容器（flexcontainer），它的所有子元素自动成为容器成员，称为Flex项目（flexitem）。
凉快先生·2024-01-20 15:33

flex布局

简介flex布局(Flexible布局，弹性布局)是在开发中经常使用的布局方式开启了flex布局的元素叫flexcontainer，flexcontainer里面的直接子元素叫做flexitems设置display
一个奴隶搬砖的程序媛·2024-01-20 13:03

Vue+Element-ui实例_使用flexslider插件设计横向时间线

下面是做了一个类似时间线(history事件线)的页面，主要是记录一下log，或者history的操作记录。主要难点：（1）一般的插件时间线例如(elementUI中的el-timeline)就是纵向的时间线，如果数据过多的话，就会形成很长一段的下拉样式。（2）最主要的就是CSS样式调节，（这个真的是头大）（3）个人审美的不同，反正我做了好几个版本样式，每个人都有自己不同的喜好。效果图如下：下面是
徐小硕·2024-01-20 13:19

flex布局

1.0传统布局和flex布局对比1.1传统布局兼容性好.谷歌浏览器布局繁琐局限性，不能再移动端很好的布局传统布局指的就是标准流、浮动、定位1.2flex布局操作方便，布局极其简单，移动端使用比较广泛pc
Gao_xu_sheng·2024-01-20 13:05

CentOS安装Flume

andavailableserviceforefficientlycollecting,aggregating,andmovinglargeamountsoflogdata.Ithasasimpleandflexiblear
GreaterBuilder·2024-01-20 11:57

CSS之Flex布局

CSSFlex布局笔记一、Flex布局简介Flex布局，全称是FlexibleBox，也被称为弹性盒子布局。它是一个一维的布局模型，主要用于在一维空间（行或列）内对元素进行灵活排列。
浮生_Lee·2024-01-20 11:31

判断浏览器是否支持某个CSS属性

if(attrindocument.documentElement.style){returntrue;}else{returnfalse;}如判断是否支持flex属性if('flex'indocument.documentElement.style
阿榄·2024-01-20 10:26

html作业一

李白的将进酒诗词代码：将进酒body{font-family:Arial,sans-serif;background-color:#f2f2f2;margin:0;padding:0;display:flex
码喽Monkey2022·2024-01-20 09:33

K8S存储插件-FlexVolume && CSI

但内置的往往不满足定制化的需求，所以和CNI一样，K8S也暴露了对外的存储接口，和CNI一样，通过实现对应的接口方法，即可创建属于自己的存储插件，但和CNI有点区别的是，K8S的存储插件的自定义实现方式，有Flex
钟大發·2024-01-20 07:52

Manage Your Package Requests

ManageYourPackageRequestsAdminStudio2023R2SP1addsnewreportsthatprovideacomprehensivesnapshotofpendingpackagerequests.AdminStudio,byFlexera
SEO-狼术·2024-01-20 06:25

uniapp：animation动画:上下浮动、渐入渐出、向上渐出、放大

animation的一些动画上下浮动渐入渐出缓慢渐出向上渐出砍一刀exportdefault{data(){return{};},};.container{overflow-y:auto;display:flex
FIRE·2024-01-20 06:22

鸿蒙Harmony-弹性布局（Flex）详解

目录一，定义二，布局方向2.1FlexDirection.Row2.2FlexDirection.RowReverse2.3FlexDirection.Column2.4FlexDirection.ColumnReverse
袁震·2024-01-20 01:19

微信小程序开发之图片上传，展示，放大预览

1.效果图2.图一为效果图，，图2为放大效果图3.支持批量上传，支持删除，预览功能4.代码：wxml一键上传5.主要wxss样式，根据自己需要来调整#photoPic{display:flex;flex-wrap
雨中人呀·2024-01-20 01:12

九宫格布局小程序-模仿微信钱包界面设计-基础入门

代码展示：使用flex布局模型和wx:for属性仿微信“钱包”页面实现九宫格项目创建完毕之后，在根目录中会生成文件夹pages用于存放页面文件。
顺其自然lll·2024-01-20 01:09

微信小程序实现图片上传

wxml代码部分.wxss代码部分/*上传图片*/.load-name{height:80rpx;line-height:80rpx;font-size:30rpx;}.load-box{display:flex
嫣嫣细语·2024-01-20 01:08

使用原生input模拟器样式正常，但是真机上 input框溢出

布局就是简单的flex布局。input框flex
琹箐·2024-01-20 01:28

CSS水平垂直居中

2.flex的水平垂直居中我们可以给父盒子中使用flex布局，并且使用flex中的水平方向和竖直方向进行center，来保证我们的元素是水平垂直居中的.fatherBox1{margin:8px;wid
离逝的枫·2024-01-20 00:10

uniapp+vue3打包问题记录

tabBar中的iconPath图标格式不支持svg，只支持：png,jpg,jpeg的格式，当图片改为.png的时候可以正常显示2.适配插件的影响：使用了postcss-pxtorem插件，同时安装了lib-flexible
元宵不吃汤圆·2024-01-19 22:08

前景 2018-04-18

基本熟悉了flex布局，继续在androidstdio下调试weex页面，完成和实现weex、navigation
Alee文润·2024-01-19 20:05

css 实现四角边框

bgBox{position:relative;width:100px;height:50px;top:100px;margin:0auto;border:1pxsolid#5384ff;display:flex
Webgiserin·2024-01-19 18:53

前端面试常用垂直居中布局

不仅工作中使用还是面试频率都是很高，接下来简单列举一下实现方案垂直居中布局1、定宽高a、绝对定位和负magin值b、绝对定位+transformc、绝对定位+left/right/bottom/top+margind、flex
Aybuai·2024-01-19 18:01

鸿蒙开发笔记(十五): 线性布局 Row/Column,层叠布局 Stack,弹性布局 Flex

1.线性布局:Row/Column–LinearLayout线性布局（LinearLayout）是开发中最常用的布局，通过线性容器Row和Column构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。线性布局的排列方向由所选容器组件决定，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。根据不同的排列方向，开发者可选择使用Row或Col
ZWaruler·2024-01-19 18:58

align-item 和 align-content

align-item和align-contentflex布局中的align-items和align-content属性都用于垂直对齐flex容器内的项目，但它们适用于不同的情况：align-items:
正宗咸豆花·2024-01-19 13:04

【CSS】垂直居中的四种实现方式

以下是一些流行和高效的垂直居中技术：使用Flexbox.container{display:flex;align-items:center;/*垂直居中*/justify-content:cen
正宗咸豆花·2024-01-19 13:01

于小程序 scroll-view 左右横向滑动没有效果（无法滑动）问题

1scroll-view中的包裹需要滑动的元素的大盒子用display:flex;是没有作用的；2scroll-view中的需要滑动的元素要用dislay:inline-block;进行元素的横向编排；
小李不小·2024-01-19 12:38

svg工厂动画

Document*{margin:0;padding:0;box-sizing:border-box;}main{display:flex;align-items:center;justify-content
你的美，让我痴迷·2024-01-19 11:01

css技能进度条表现效果

0;padding:0;font-family:sans-serif;}*{box-sizing:border-box;}ul,li{margin:0;padding:0;}main{display:flex
你的美，让我痴迷·2024-01-19 11:53

ant-design-vue form表单实现动态循环效验

单层循环的话//不需要增减的表单项//设置display:flex属性可让表单显示在一行//prop表单域的model字段//这里你可以写多组表单项...
何故沾衣欲湿杏花雨·2024-01-19 10:11

【vue】ant-col多列栅格式的表单排列方式布局异常：

文章目录一、效果：二、解决：三、问题：一、效果：二、解决：在row中添加布局类型：type=“flex”三、问题：后期正式环境还是存在该问题>>>.ant-form-item{max-height
Sun Peng·2024-01-19 10:38
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他