HTML标题居中怎么设置,水平居中方法

HTML标题居中怎么设置

HTML中的标题是块级元素,要对其进行水平居中,可以直接将标题元素标签中的style属性设置为“text-align:center”即可。如果是行内元素,比如<span>标签内的内容如果像上面那样设置,是无法水平居中的,这个时候,可以多设置一个属性,将display设置为“block”,如下面的实例代码,大家可以点击试一试按钮运行一下,也可以自己在线编辑一下:


HTML标题居中实例代码

<html>
<body>
  <h2 style='text-align:center;'>这是标题h2</h2> 
  <span style='text-align:center;'>这是span行内元素</span>
  <span style='display:block;text-align:center;'>这是行内元素,但是属性的display设置成了block。</span>
</body>
</html>

代码解析

如上代码,当行内元素的display设置成block的时候,就相当于块级元素。



全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.