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认可的值。

上一篇:详细解读 Spring AOP 面向切面编程(一)


下一篇:淘宝首页源码藏美女彩蛋(下)(UED新作2013egg)