CSS层叠样式表垂直对齐方式

如此创建常规文本或突出显示文本?
如何创建上标或下标文字?

解释


属性

: 垂直对齐
用法:
vertical-align: baseline;
vertical-align: sub;
vertical-align: super;
vertical-align: 50%;
vertical-align: pt | px | cm;
定义:
使用这个属性可以对文本进行修饰。来创建常规文本和突出显示文本。
属性可以取以下的值。
a)baseline:文本将显示在通常的位置。
b)sub: 文本将显示下标文本。位于通常文本之下。
c)super:文本将显示上标文本。位于通常文本之上。
d)%: 属性值可以用百分数来设置,例如:50%等...
e)pt | px | cm:属性值可以用点或者像素或者厘米为单位来设置。

示例1:
以下是 <font style="vertical-align: baseline;"> 内置案文 </font> 示例.
结果:
以下是 内置案文 示例.

示例2:
以下是<font style="vertical-align: sub;"> 小组行文字 </font> 示例.
结果:
以下是 小组行文字 示例.

示例3:
以下是<font style="vertical-align: super;"> 夜宵线的案文 </font> 示例.
结果:
以下是 夜宵线的案文 示例.

示例4:
以下是<font style="vertical-align: -10px;"> 像素 </font> 示例.
结果:
以下是 像素 示例.

注意:对于下标文本,要设置属性值为负值。 这种规则对于单位是%和pt和cm是相同的。在以上的示例中,我们可以取代px,使用pt(点)或者cm(厘米)或者 % (百分数)为单位设置属性值。