精通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 )

posted @ 2010-12-07 11:11  菜鸟吃虫,虫吃菜  阅读(885)  评论(0编辑  收藏  举报