Dynamic HTML权威指南（读书笔记）— 第一章 HTML与XHTML参考

 

1. 对齐常量（text-align和vertical-align）

1.1 盒外对齐

这种对齐属性决定环绕着元素外部矩形空间的文本对齐方式。W3C中，这类HTML元素包括：applet、iframe、img、input和object。IE还支持embed、fieldset和select，但不支持iframe元素。以下是受到广泛支持的元素对齐属性：

absbottom：使文本的最底端与元素的最底端保持在同一水平线上。

absmiddle：使文本高度的中部与元素高度的中部水平对齐。

abseline：文本的基线与元素最下端水平对齐。注意，文本的下行笔画位于基线以下。

bottom：W3C认可的值，与abseline等同。

left：如果元素所在行之前已经有文本存在，则该元素会移动至下一行，并显示在相邻的最外层容器的左侧。元素之后的文本将紧跟着元素之前的文本，使得整段文本环绕在对象或图像的周围（这种效果称为浮动）。W3C认可的值。

middle：文本的基线与元素高度的中央对齐。W3C认可的值。

right：如果元素所在行之前已经有文本存在，则该元素会移动至下一行，并显示在相邻的最外层容器的右侧。元素之后的文本将紧跟着元素之前的文本，使得整段文本环绕在对象或图像的周围（这种效果称为浮动）。W3C认可的值。

texttop：元素的最上边与其前面的文本的上行笔画位于同一水平线。

top：元素的最上边与同一行中最高的元素（文本或其他元素）上边界对齐。W3C认可的值。

1.2 容器盒内文本对齐

bottom：文本底部与相关元素底部对齐，或位于该元素盒下边。浏览器只会针对caption元素执行这种对齐方式。

center：文本位于相关元素盒的顶部或上部，并水平居中。虽然此值并未被W3C所认可，但现在的浏览器依然支持在caption元素使用该属性，但legend元素在Safari或Opera中则无法使用该属性。

left：虽然W3C认可此值（这个值表明文本应该位于容器元素的左侧），但对于legend元素而言，浏览器将文本对齐在盒子的左上部。而对于caption元素，只有Mozilla浏览器会将标题本文放在元素左边。

right：虽然W3C认可此值（这个值表明文本应该位于容器元素的右侧），但对于legend元素而言，浏览器将文本对齐在盒子的右上部。而对于caption元素，只有Mozilla浏览器会将标题本文放在元素右边。

top：legend元素的文本将在容器盒的左上部对齐，而caption元素的文本将在中上部对齐。这是W3C认可的值。

 

转载于:https://www.cnblogs.com/ljb-001/p/8092947.html