布局方案的思路整理

Posted 爬坡的猪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了布局方案的思路整理相关的知识,希望对你有一定的参考价值。

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

水平居中 方案

垂直居中 方案

水平居中和垂直居中 方案

 

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

比如说用到的

display : flex

display:table

display: inline-block

display : table-cell

vertical-align:middle

justify-content: center

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

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

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

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

第二步,实现水平居中

css特性与需求的联系。

以上是关于布局方案的思路整理的主要内容,如果未能解决你的问题,请参考以下文章

CSS常见布局问题整理

网站入口页双栏对称布局实现思路

Java做界面思路整理

泰山OFFICE技术讲座:关于文字方向的几种实现思路

泰山OFFICE技术讲座:关于文字方向的几种实现思路

两列布局中单列定宽单列自适应布局的5种思路