精通CSS与HTML设计模式 第十二章(对齐内容)
一、文本缩进
可以使用一个text-indent的正值来缩进文本首行。
text-indent:value
只适用于终端块状元素,不适用于结构化块状元素和内敛元素。默认的情况是text-indent被子元素继承。这表示你可以将text-indent赋值给一个结构化块状元素,所有的子终端块状元素都将继承你赋给text-indent的值。
二、悬挂缩进
只是在text-indent的基础上赋上一个负值,然后设置一个padding-left此时首行会在padding-left的基础上向左缩进text-indent负值距离
三、水平对齐的内容
text-align:在终端块状元素中对齐文本
left(居左),center(居中),right(居右),justify(两边对齐)
适用终端块状元素,不适用内联元素。因为内联元素没有宽度,包裹在内容,无法居中
四、垂直对齐内容
详见:http://www.cnblogs.com/chongzi/archive/2010/12/01/1893279.html
五、垂直偏移
看了第四点以后,我们都知道基线的位置,
vertical-align:1em 在基线位置向上偏移1个字体高度
vertical-align:-0.75 在基线位置向下偏移0.75个字体高度
ƒ(x)= ∑ n=0 ∞ anx (n-12 )