Как добавить многомерный текст в ячейке таблицы

Question

Я создал таблицу и хочу добавить в нее многоадресный текст. Ex: 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> 

Благодаря

Answer 1

Перед текст использовать <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 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

добавить стиль

white-space: pre 

для содержащего элемент

Answer 4

Вы можете использовать свойство word-spacing CSS, например:

word-spacing: 1em; 

Подробнее здесь:

• word-spacing - CSS-Tricks
• word-spacing - MDN

Вот an example on jsfiddle - вторая ячейка таблицы имеет дополнительный интервал.

Вы также можете использовать white-space: pre, как предложено другими, но это может не работать в старых IE. И я вижу, вы уже установили white-space в nowrap.

Или вы можете использовать   для жесткого кодирования пространства, но обычно лучше использовать CSS.