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的时候,就相当于块级元素。