使用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设置上标样式、下标样式
CSS垂直对齐技巧
最新推荐文章于 2025-10-09 14:11:30 发布
本文介绍如何使用CSS的vertical-align属性实现文本的上标和下标效果，并通过具体实例展示了如何调整不同元素的字体大小来达到最佳显示效果。
部署运行你感兴趣的模型镜像
您可能感兴趣的与本文相关的镜像
Llama Factory
模型微调
LLama-Factory
LLaMA Factory 是一个简单易用且高效的大型语言模型（Large Language Model）训练与微调平台。通过 LLaMA Factory，可以在无需编写任何代码的前提下，在本地完成上百种预训练模型的微调
扫一扫
6807
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
