Question

我创建了一个表，并希望为其添加多空格文本。例如：HELLO＆lt; 1stSPACE＆gt;＆lt; 2ndSPACE＆gt; WORLD。如果我添加为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

在您的文字使用<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>

Answer 3

您可以将 字符实体用作非中断空格 - 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 4

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

word-spacing: 1em;

在这里阅读更多内容：

这是an example on jsfiddle - 第二个表格单元格有额外的间距。

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

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

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

4 个答案: