暂无 |

垂直对齐属性

vertical Align属性还采用以下值:baseline、sub、super%和px(或pt、cm)。

下面的示例显示了它们之间的区别。

html

<p>这是一行<span class="baseline">inline text</span> 文字 </p>
<p>这是一行<span class="sub">sub line text</span> 文字 </p>
<p>这是一行<span class="super">super line text</span> 文字</p>
<p>这是一行 <span class="pixel">pixel</span>文字</p>

css

span.baseline {
    vertical-align: baseline;
}
span.sub {
    vertical-align: sub;
}
span.super {
    vertical-align: super;
}
span.pixel {
    vertical-align: -10px;
}

结果:

这是一行inline text 文字

这是一行sub line text 文字

这是一行super line text 文字

这是一行 pixel文字

您可以使用pt(点)、cm(厘米)和%(百分比)值来代替px值。

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论