盒子布局

用户头像
深圳/平面设计师/8年前/115浏览
盒子布局
用户头像
树水茜
属于纯粹的日记,记录一天的学习内容,代码小白,自学。反正就是吃藕。
1,学习到了 -moz-box-align: center;
-moz-box-pack:center;
<字体垂直水平居中>
(firefox火狐浏览器的兼容码)
-webkit-box-pack: center;
-webkit-box-align: center;
<字体垂直水平居中>
(chrome谷歌浏览器的兼容码)
2.学习到了box-sizing:border-box (在我认为就是属于 :“一个框”改变是框的内部距离(固定))
另一种水平垂直居中方法flex布局
div{
display: flex;
align-items: center;
justify-content:center;
}
盒子布局(图ZODQ4MjQyMDg=) - 移动端网页 - 站酷设计师树水茜原创素材 - 站酷ZCOOL
Collect
盒子布局(图ZODQ4MjQyNjQ=) - 移动端网页 - 站酷设计师树水茜原创素材 - 站酷ZCOOL
Collect
盒子布局(图ZODQ4MjQzNDg=) - 移动端网页 - 站酷设计师树水茜原创素材 - 站酷ZCOOL
Collect
盒子布局(图ZODQ4MjQzOTY=) - 移动端网页 - 站酷设计师树水茜原创素材 - 站酷ZCOOL
Collect
0
Report
|
收藏
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
大家都在看
Log in