CSS容易忘记的一些属性
text-align属性
text-align:justify 两端对齐
text-align属性只对块级元素起作用,行内级元素无效
这一居中显示可以用margin 0 auto 表示
line-height属性行高指的是文本间基线的距离,其单位可以为px,百分比,em文字基线 顶线 划分
行高就是 inline-box 的高度,默认情况下行内元素是基于base-line对齐的
图片1px问题:因为图片本身也是行内元素,也是基于基线对齐,基线距离底部会有一个间隙,所以会有留白,解决方案:font-size:0 或者 vertical-align:bottom
vertical-align垂直对齐方式 只作用于行内元素,块级元素设置无效
vertical-align:top:垂直对齐于一行内最高的元素
vertical-algin:Text-top:垂直对齐于文本顶部
vertical-align:middle:对齐于文本中线
vertical-align:baseline:对齐于文本基线(英文字母文本底部)
vertical-align:Text-bottom:对齐于文本底部 ...