如何在表格的单元格中添加多空格文本

Question

我创建了一个表，并希望向其中添加一个多空格文本。例如：HELLO<1stSPACE><第二空间>世界。如果我加成HELLO WORLD，那么它的打印就用一个空格。

有什么帮助吗？

<th width="6%" class="textLeft width100px borderTopNone" style="vertical-align:top;font-size:14px; white-space: nowrap;" colspan="2">HELLO  WORLD</th>

感谢

Answer 1

添加样式

white-space: pre

对于包含元素

Answer 2

您可以使用 字符实体作为非中断空间-DEMO

 -HTML中使用的一个常见字符实体是不间断空格。

HTML:

<th width="6%" class="textLeft width100px borderTopNone" style="vertical-align:top;font-size:14px; white-space: nowrap;" colspan="2">HELLO&nbsp;&nbsp;WORLD</th>

Answer 3

您可以使用word-spacing CSS属性，例如：

word-spacing: 1em;

点击此处阅读更多：

• 单词间距-CSS技巧
• 字间距-MDN

这里有一个关于jsfiddle的例子——第二个表单元格有额外的间距。

您也可以按照其他人的建议使用white-space: pre，但它可能在较旧的IE中不起作用。我可以看到您已经将white-space设置为nowrap。

或者，您可以使用 对空间进行硬编码，但通常最好使用CSS。

Answer 4

在文本之前使用<pre>标记。<pre>标记以您键入的格式呈现文本。但是简单的html标记会删除多余的空格。或者更简单的是，使用&nbsp而不是空格。

<th width="6%" class="textLeft width100px borderTopNone" style="vertical-align:top;font-size:14px; white-space: nowrap;" colspan="2">
    HELLO&nbsp&nbspWORLD
</th>

或者：

<th width="6%" class="textLeft width100px borderTopNone" style="vertical-align:top;font-size:14px; white-space: nowrap;" colspan="2">
    <pre>HELLO  WORLD</pre>
</th>