布局小技巧

布局小技巧

1. 行内元素、行内块元素，可以被父元素当做文本处理。

即：可以像处理文本对齐一样，去处理：行内、行内块在父元素中的对齐。
例如：text-align、line-height、text-indent等

2. 如何让子元素，在父亲中 水平居中：

1.若子元素为块元素，给父元素加上：margin:0 auto;。
2.若子元素为行内元素、行内块元素，给父元素加上：text-align:center。

3. 如何让子元素，在父亲中 垂直居中：

1.若子元素为块元素，给子元素加上：margin-top，值为：(父元素content－子元素盒子 总高) / 2。
2.若子元素为行内元素、行内块元素：让父元素的height = line-height，每个子元素都加上：vertical align:middle;。
补充：若想绝对垂直居中，父元素font-size设置为0。

4. 隐藏元素的方式

方式一：visibility 属性 visibility 属性默认值是 show ，如果设置为 hidden ，元素会隐藏。 元素看不见了，还占有原来的位置（元素的大小依然保持）。
方式二： display 属性 设置 display:none ，就可以让元素隐藏。 彻底地隐藏，不但看不见，也不占用任何位置，没有大小宽高。