css 设置相关的文本属性1——缩进和对齐

缩进文本:text-indent 属性,所有元素的第一行缩进给定的长度。这一属性不适用于行内元素和图像之内的替换元素。eg p { text-indent:10px;}会将p元素的第一行缩进10px;悬挂缩进: p {text-indent:-4em;}


文本的水平对齐:text-align属性,它会影响一个元素中的文本行相互之间的对齐方式。对应的值有:left,right,center,justify,inherit,记住,text-align只适用于块级元素。


文本的垂直对齐:  line-height:文本行基线之间的距离,一般line-height可以用来增或者减少文本行之间的垂直距离。line-height与字体大小只差为行间距。 eg p {font-size:20px;line-height:30px;}则此时行间距为5px;考虑到继承时,子元素的行高的相对与父元素计算,而不是相对于子元素计算。(!重要)。比较好的方法是line-height设定wie一个缩放因子,{line-height:1},这个值可以继承,从而,使得各元素都根据自己的font-size计算行高。


垂直对齐文本: vertcal-align:这一属性只适用于行内元素和替换元素(img等),该值不能继承。vertical-align 不影响块级元素中的内容对齐(!重要)。



你可能感兴趣的:(css)