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

我已经创建了一个表格，并且想要为其添加多空格文本。例如：HELLO < 1stSPACE> < 2ndSPACE> 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>

感谢

来源

2014-09-03 Lokanath Nayak

使用非空白字符而不是''“'。尝试' ' – haxxxton 2014-09-03 08:55:40

之前文本中使用<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>

来源

2014-09-03 08:54:39

可以使用 字符实体非打破空间 - 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>

来源

2014-09-03 08:55:43 Anonymous

添加样式

white-space: pre

为包含元素

来源

2014-09-03 08:56:38 Kyojimaru

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

word-spacing: 1em;

更多在这里阅读：

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

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

或者您可以使用 来硬编码空间，但通常使用CSS更好。

来源

2014-09-03 09:01:44 jfrej

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

回答

相关问题