页面内容的对齐方式分水平（align）和垂直（vertical-align），在 css 样式表中，要使文字实现水平对齐和垂直对齐，则使用“text-align”和“vertical-align”。
一，水平对齐 text-align 的定义和用法
text-align 属性规定元素中的文本的水平对齐方式。
该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。
默认值：如果 direction 属性是 ltr，则默认值是 left；如果 direction 是 rtl，则为 right。
继承性：是
版本：css
javascript 语法：object.style.textalign="right"
属性值描述
left 把文本排列到左边。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值（ie不支持该属性）。
例子：
h1 { text-align:center; }
水平两端对齐 text-justify 属性
值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，调整单词和字母间的间隔，使各行的长度恰好相等。您也许已经注意到了，两端对齐文本在打印领域很常见。不过在 css 中，还需要多做些考虑，因为该水平对齐属性会带来自己的一些问题，我们将在另一篇文章《css 样式表文字两端对齐属性 text-justify 的用法》中对它进行详细讲解。
二，垂直对齐 vertical-align 的定义和用法
vertical-align 属性设置元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。
这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。
默认值：baseline
继承性：no
版本：css1
javascript 语法：object.style.verticalalign="bottom"
属性值描述
baseline 默认。元素放置在父元素的基线上。
sub 垂直对齐文本的下标。
super 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端与父元素字体的顶端对齐
middle 把此元素放置在父元素的中部。
bottom 把元素的顶端与行中最低的元素的顶端对齐。
text-bottom 把元素的底端与父元素字体的底端对齐。
length % 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
inherit 规定应该从父元素继承 vertical-align 属性的值。
例子：
img { vertical-align:text-top; }