频道栏目
首页 > 资讯 > HTML/CSS > 正文

css3布局方式

17-08-21        来源:[db:作者]  
收藏   我要投稿

给父元素设置display:flex后 , 子元素变为类似于inline-block状态

display: -webkit-flex;  /*Safari*/  
display: flex; /*弹性布局*/

flex-direction规定flex布局的方向(在父元素处设置)

flex-direction: row; /*default 横向显示*/
flex-direction: column; /* 纵向显示, 设置此属性会将子元素中的行内元素变为块级元素 */

flex: [number] 给子元素设置, 规定该子元素在所有子元素中所占比重

flex:1
flex:2

规定盒模型 边框和padding包含在宽高内部

-webkit-box-sizing: border-box;
box-sizing: border-box;
相关TAG标签
上一篇:Vue2.0在IE11中打开项目页面空白的问题解决
下一篇:easyui的简单使用
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站