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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值