如何不使用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
相关产品推荐
相关产品推荐

