文章详情页
css3 flex三栏布局疑问
浏览:61日期:2023-08-13 14:38:30
问题描述
css3中flex布局现在非常流行,我的项目中也经常会用到,但是有时候用的时候不是很理想,想求教各位 是如何解决的?
比如我这个样式,3行3列,非常标准,用flex也正常显示,如图:
display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0 .5rem;
但是,如果我去掉中间某个,就变成这样了,如图:
图片中的元素并没有左对齐,这就是使用flex的后果,所以想请教各位如果想用felx但是又想左对齐 ,应该怎么解决这个问题呢,在线等!!!
问题解答
回答1:justify-content: flex-start;这样设置可以。space-between指的是两端对齐,当然就是你出现的这种情况。给你看看比较直观的教程。阮一峰大神的http://www.ruanyifeng.com/blo...可以直接去掉justify-content属性,flex-start是默认的,左对齐
标签:
CSS
相关文章:
1. 请教: 关于 python 反斜杠转义的疑问2. angular.js - 怎样在使用ng-repeat属性的标签里面监听单个事件,使其能够单个改变CSS。3. angular.js - angularjs 怎么封装 upload 上传4. nginx英文文档的WebSocket proxying部分没看太明白,麻烦推荐一点中文文章5. android 文件File删除问题6. javascript - vue生成一维码?求助!!!!!急7. angular.js - js 点击事件onclick=“”,引号内的函数名字 可以为 变量吗8. ueditor上传服务器提示后端配置项没有正常加载,求助!!!!!9. 绝对定位和fied定位,键盘弹起对布局的影响10. python - 关于matplotlib的x轴显示的问题
排行榜
