css怎么显示文字的上标和下标

这篇文章主要为大家展示了"css怎么显示文字的上标和下标"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"css怎么显示文字的上标和下标"这篇文章吧。

　　cssvertical-align属性

　　vertical-align属性是用来设置元素的垂直对齐方式的，它定义了行内元素的基线相对于该元素所在父元素基线的垂直对齐。

　　vertical-align属性可以在table表格中设置单元格内容的对齐方式；它兼容所有的浏览器。

　　使用text-top、text-bottom属性值

　　在cssvertical-align属性中，设置text-top属性值可以让行内元素的顶端与其父元素字体的顶端对齐，而，设置text-bottom属性值可以让行内元素的底端与其父元素字体的底端对齐。

　　下面我们通过一个简单示例来看看text-top、text-bottom属性值如何设置文字的上标和下标。

　　　　.demo{　　font-size:20px;　　}　　.superspan{　　vertical-align:text-top;　　font-size:12px;　　color:red;　　}　　.subspan{　　vertical-align:text-bottom;　　font-size:12px;　　color:red;　　}　　　　　　一段测试文本，拥有上标
　　一段测试文本，拥有下标