html中怎么把h1居中

在HTML中，<h1>标签用于定义最大的标题，你可能会发现，当你试图在<h1>标签内添加空格时，这些空格并不会被显示出来，这是因为HTML是一种标记语言，它并不直接处理空格，如何在HTML中的<h1>标签内放置空格呢？

使用非断行空格

在HTML中，你可以使用非断行空格（non-breaking space）来在<h1>标签内放置空格，非断行空格是一个特殊的字符，它表示一个空格，但它不会打断文本的连续性，你可以通过在HTML代码中使用 字符来插入非断行空格。

如果你想在<h1>标签内创建一个包含两个单词的标题，你可以这样做：

<h1>这是&nbsp;&nbsp;我的标题</h1>

在这个例子中， 字符被用来插入两个非断行空格，这样，你就可以在<h1>标签内放置两个空格了。

使用CSS样式

另一种在HTML中的<h1>标签内放置空格的方法是使用CSS样式，你可以使用CSS的text-indent属性来设置文本的首行缩进，这样，你就可以在<h1>标签内的文本前面添加一个空白区域，从而实现类似空格的效果。

你可以这样做：

<h1 style="text-indent: 2em;">这是 我的标题</h1>

在这个例子中，text-indent: 2em;样式被应用到<h1>标签上，使得文本的首行向右缩进了2个字符的距离，这样，你就可以在<h1>标签内的文本前面添加一个空白区域，从而实现类似空格的效果。

使用JavaScript

如果你需要在运行时动态地在<h1>标签内放置空格，你可以使用JavaScript来实现，你可以使用JavaScript的document.write()函数来动态地创建和插入HTML元素。

你可以这样做：

var title = "这是 " + "我的标题";
document.write("<h1>" + title + "</h1>");

在这个例子中，我们首先创建了一个包含两个单词和一个空格的字符串，我们使用document.write()函数来动态地创建和插入一个<h1>标签，该标签的内容就是我们刚刚创建的字符串，这样，我们就可以在运行时动态地在<h1>标签内放置空格了。