CSS不完全手册之对齐和缩行


■ 水平对齐:

  利用文字对齐属性text-align,可以控制段落的水平对齐:

  • h2 {text-align:center}
  • h2 {text-align:left}
  • h2 {text-align:right}

  这项属性可作用于<P>,<h1>-<h6>,<blockquote>和<ul>标记。

 ■ 垂直对齐:

  利用垂直对齐属性vwrtical-align,可以控制对象(包括文字或图形)相对于母体的垂直位置:

  • h2 {vertical-align:top}
  • h2 {vertical-align:text-top}
  • h2 {vertical-align:bottom}
  • h2 {vertical-align:text-bottom}
  • h2 {vertical-align:baseline}
  • h2 {vertical-align:middle}
  • h2 {vertical-align:sub}/*上标*/
  • h2 {vertical-align:super}/*下标*/

  这些属性具体对齐效果如何,希望大家自已去试验。

 ■ 首行缩进:

  首行缩进text-indent,在文档排版中经常用到:

  • h3 {text-indent:24pt};
本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3