css中的valign和vertical区别在哪里????

如题所述

valign和vertical效果其实是一样的,至于区别该怎么说呢,有点不好解释了,我直接举例好了

<table>
<tr>
<td valign="top">文本</td>
</tr>
</table>
<table>
<tr>
<td style="vertical-align:top">文本</td>
</tr>
</table>

vertical-align和valign用于文本的对齐,比如vertical-align:top顶端对齐;vertical-align:bottom底端对齐;vertical-align:middle中部对齐或者说是居中;valign=“top”等也一样;

valign属于一种特性,现在很多新版本的浏览器都不支持这种特性了,所以你最好不要直接使用类似 valign="top"这种直插式的样式,严格按照标准写样式,比如 style="vertical-align:top"或者调用样式表
<td class="top1">文本</td>

.top1{vertical-align:top}
html页面代码量尽量精简,所有样式都调用样式表
温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-07-11
您好!我给您介绍一下:
valign -- 代表行的垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现) 。

  valign可以通俗的理解为上中下。

  而和align的区别是 align为左中右。

vertical-align 属性设置元素的垂直排列。
值 描述
baseline 默认。元素放置在父元素的基线上。
sub 垂直对齐文本的下标。
super 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端与父元素字体的顶端对齐
middle 把此元素放置在父元素的中部。
bottom 把元素的顶端与行中最低的元素的顶端对齐。
text-bottom 把元素的底端与父元素字体的底端对齐。
length
% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。

希望对您有帮助!
第2个回答  2012-07-11
valign是html,只能在支持的标签内,如td
vertical是css 属性,支持的选择器更多,很多block属性的都可以用。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网