如何消除HTML标签间空格行?

6 min read

要去除 HTML 标签之间换行产生的空格,可以使用 CSS 中的 white-space 属性来控制换行和空格的显示:

p {
  white-space: pre-line;
}

上面这个例子中, white-space 属性的值为 pre-line ,它会将换行符转换成空格,从而消除 HTML 标签之间的空格。

如果你想完全去掉 HTML 标签之间的空格,可以使用 JavaScript 来删除所有空格。可以这样做:

var str = document.getElementById("example").innerHTML;
var newStr = str.replace(/\s+/g, "");
document.getElementById("example").innerHTML = newStr;

上面的代码会将 id 为 "example" 的元素中的所有空格删除,并将处理后的结果显示在页面上。