CSS布局小技巧

尚硅谷html/css视频学习笔记，视频链接： 130_CSS_布局小技巧_哔哩哔哩_bilibili

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

即：可以像处理文本对齐一样，去处理：行内、行内块在父元素中的对齐

例如：text-align、line-height、text-indent等css属性可以直接被使用

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

若子元素为块元素，给父元素加上：margin: 0 auto;

若子元素为行内元素、行内块元素，给父元素加上:text-align: center;

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

若子元素为块元素，给子元素加上：margin-top:[值]。值=（父元素content - 子元素盒子高度）/2。

若子元素为行内元素、行内块元素：

        让父元素的 height = [line-height]；，每个子元素都加上：vertical-align: middle;。

        补充：若想绝对垂直居中，父元素 font-size设置为0，子元素如果有文字需要显示，需另外设置font-size。