CSS之元素居中

2017-01-09
阅读 2 分钟
1.6k
水平方向 行内元素 {代码...} 适用于行内元素,行内块元素。 块级元素 {代码...} margin左右设置为auto,前提条件:元素本身需要设置宽度。 多个块级元素 按行放置 {代码...} 将块级元素设置为行内元素,父元素内容居中。还有一种方法是用flex,但只能兼容IE10+。 按列放置 与块级元素一样,只是设置多个块级元素。 垂直 ...

清除浮动(clearfix)的常见方法

2017-01-04
阅读 2 分钟
16.9k
当一个父元素包含的子元素都设置为float的时候,父元素的高度会出现坍塌的现象(见下图)。此时可能会对周围的布局产生影响,所以清除浮动,显得十分重要。

视觉格式化模型之BFC

2017-01-03
阅读 7 分钟
3.2k
情景:浮动的高度塌陷时,使用overflow:hidden可使父元素将浮动的子元素包含起来,解决问题。但背后的原理是什么?这就是今天要谈的BFC。

css常见布局

2017-01-01
阅读 6 分钟
2.2k
对于三栏布局来说,左右两栏一般放置目录等简要信息,中间一栏是主要信息。页面加载时,用户最希望第一时间看到的是中间一栏内容,所以根据文档流加载顺序(从上到下),中间一栏必须放在左右两栏的前面。而实际布局需要将中间一栏居中放置,所以在布局的时候就稍有不同,这是就需要用到圣杯布局。(原因or背景)