使用css属性:vertical-align的值设置text-top(上标)、text-bottom(下标),另外主要的是要设置上标和下标的元素的字体大小比主体字体小,才有效果。
css样式:<style> div{ font-size: 20px; } div .bottom{ color:red; background-color: gray; vertical-align:text-bottom; font-size: 12px; } div .up{ color: blue; background-color: bisque; vertical-align:text-top; font-size: 12px; } </style>
html结构:<div> <span>0</span> <span class="bottom">bottom</span> 789<span class="up">up</span> </div>
css设置上标样式、下标样式
最新推荐文章于 2023-11-10 17:57:58 发布