You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何不使用CSS/JavaScript,仅用HTML实现网站文本居中?

纯HTML实现文本居中的方法

如果不能使用CSS或JavaScript,你可以通过以下几种纯HTML的方式实现文本水平居中:

  • 使用<center>标签
    这是最直接的方式,虽然该标签在HTML5标准中已被废弃,但目前所有主流浏览器仍能兼容它,可快速实现内容居中:

    <center>
      你需要居中显示的文本内容
    </center>
    
  • 使用表格布局(兼容性更强的传统方案)
    借助表格单元格的对齐属性,能稳定实现居中效果,且兼容性极佳:

    <table width="100%">
      <tr>
        <td align="center">
          你需要居中显示的文本内容
        </td>
      </tr>
    </table>
    

    设置width="100%"让表格铺满父容器宽度,align="center"指定单元格内的内容水平居中。

  • 给块级元素添加align属性
    对于<p>、<div>这类块级元素,可以直接通过align属性设置文本居中:

    <p align="center">这段段落文本会水平居中显示</p>
    <div align="center">这个div内的所有内容都会水平居中</div>
    

内容的提问来源于stack exchange,提问作者Honey chaudhary

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 18:35:13