为您找到相关结果222,273个
使用uniapp实现发布朋友圈功能_javascript技巧_脚本之家
<view class="flex flex-wrap"> <view v-for="(item,index) in imageList" :key='index' class="flex align-center justify-center pt-2 position-relative"> <image :src="item" class="bg-light rounded" style="" @click="preview(item)"></image> <view class="flex align-center justify-center...
www.jb51.net/article/2639...htm 2024-9-9
实现横向滚动条的2种方法示例_心得技巧_网页制作_脚本之家
两种方法各有各的好处,如果不考虑兼容性问题,还是用flex吧,毕竟还是喜欢那一句话:Write Less,Do More。哈哈 html: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 全部 Adobe 微软 会计 绘画 Adobe 微软 会计 绘画
m.jb51.net/web/6235...html 2024-9-9
vue实现列表固定列滚动_vue.js_脚本之家
display: flex; flex-wrap: wrap; overflow: hidden; .fixedHeadBox { background: pink; height: $headHei; } .nomalHeadBox { background: yellow; height: $headHei; overflow: hidden; } .fixedListBox{ height: calc(100% - #{$headHei}); background: lightblue; overflow: hidden; } .nomalList...
www.jb51.net/article/2553...htm 2024-9-6
CSS双飞翼布局的两种方式实现示例_CSS布局实例_CSS_网页制作_脚本之家
方式一:通过flex弹性布局来实现 看代码 1 2 3 4 5 6 7 8 9 10 //HTML结构,div2是中间的自适应区域 ... ... 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 *{ //先简单粗暴的解决一下浏览器的默认样式 margin: 0; padding: 0...
www.jb51.net/css/5728...html 2024-8-26
ElementUI级联选择器实现同一父级下最多只能选中一个子级_vue.js_脚本...
display: flex; flex-wrap: nowrap; overflow-y: overlay; margin-left: 2px; } .el-cascader__tags::-webkit-scrollbar { width: 0; height: 3px; } /*定义滚动条轨道 内阴影+圆角*/ .el-cascader__tags::-webkit-scrollbar-track { background-color: rgba(186, 203, 227, 0.3); } /*定义滑...
www.jb51.net/javascript/302754q...htm 2024-9-9
weex slider实现滑动底部导航功能_javascript技巧_脚本之家
flex-wrap: nowrap; justify-content: space-between; align-items: center; } .link { width: 162.5px; flex-shrink: 1; text-align: center; margin:0 auto; padding: 3px; align-items: center; } .title { font-size: 25px; line-height: 35px; text-align: center; top: 5px; } .contenttex...
www.jb51.net/article/1222...htm 2024-9-8
一文汇总 CSS 两列布局和三列布局的具体使用_CSS布局实例_CSS...
flex布局中使用flex-wrap实现换行的项目实践2022-06-16业界资讯夸克PC版开启内测:主打夸克小工具和夸克网盘(附正式版下载)2023-12-20 今日辟谣 (2023年12月4日)2023-12-05 今日辟谣(2023年12月1日)2023-12-03 今日辟谣 (2023年11月30日)2023-12-01电脑...
www.jb51.net/css/732505.html 2024-9-7
使用vue实现简单键盘的示例(支持移动端和pc端)_vue.js_脚本之家
display: flex; display: -webkit-box; flex-direction: row; flex-wrap: nowrap; justify-content: center; i { display: block; margin: 0 1%; height: 45px; line-height: 45px; font-style: normal; font-size: 24px; border-radius: 3px; width: 44px; background-color: #fff; text-align: ...
www.jb51.net/article/1314...htm 2024-9-9
React中使用async validator进行表单验证的实例代码_React_脚本之家
flexWrap: 'wrap', }, formControl: { margin: theme.spacing.unit, }, button: { margin: theme.spacing.unit, color: '#fff' }, }); @inject('rootStore') @withStyles(styles) class FormTest2 extends React.Component { state = { name: { value: '', errStatus: false, errMsg: '请输入name...
www.jb51.net/article/1458...htm 2024-9-9