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(厘米)或者 % (百分数)为单位设置属性值。