布局方案的思路整理

2018-06-24 00:36:38来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

之前根据网易前端微专业的课程,写了博客

水平居中 方案

垂直居中 方案

水平居中和垂直居中 方案

 

在最后,老师总结了『解决方案』提出的思路

比如说用到的

display : flex

display:table

display: inline-block

display : table-cell

vertical-align:middle

justify-content: center

这样的一些属性 和 值,他的特性是什么?

① 一定要对这些特性非常掌握。

② 然后,对『问题』进行分解。比如一开始讲到要『水平居中』,那么当时的需求是“里面的元素宽度是不一定的,外面的元素宽度也不一定”,那么我们就可以把这个需求拆分出来,把这个问题拆分成两个,

第一步,实现里面的元素宽度跟着内容走

第二步,实现水平居中

css特性与需求的联系。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:纯CCS绘制三角形箭头图案

下一篇:布局display