H I O X INDIA
免费的CSS教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch

的CSS话题
导言
类型
背景属性
文本属性
字体属性
盒子属性
边界属性
保证金属性
填充属性
专题
请询问您的疑问
反馈



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




一个注记
的CSS -层叠样式表可以用来与HTML标记的解释这个网站。 这简单的CSS将帮助您创建更优雅和简洁的HTML网页。 这并不需要任何额外的软件或编码。 所有网络浏览器能够处理的CSS代码。

注2 :如果需要,您可以使用不是
标签。 DIV标记将开始和结束在新的行。跨度不会超过标签领域。


privacy policy     license
© 2004-2005 HIOX INDIA - hioxindia.com