Есть ли элегантный способ создавать / генерировать пробелы вместо & nbsp? - PullRequest
2 голосов
/ 26 ноября 2009

Мне нужно создать пробелы в файле HTML.

Ответы [ 7 ]

13 голосов
/ 26 ноября 2009

Используйте теги &nbsp или <pre>. Тег <pre> сохраняет все пробелы, символы табуляции и переносы.

EDIT
Что касается вашего комментария о его использовании, для заполнения, вы можете посмотреть css padding

6 голосов
/ 26 ноября 2009

Все зависит от контекста, вы можете использовать межбуквенный интервал, межсловный интервал или, например, заполнение для окружающего диапазона.

Без дополнительной информации невозможно дать хороший совет.

Редактировать: , если это для использования в текстах / между словами, я бы пошел между словами и, возможно, между буквами.

1 голос
/ 26 ноября 2009

Я почти никогда не пользуюсь &nbsp;

Свойства

margin и padding хорошо работают для пробелов и <br /> для новых строк. (Я тоже не слишком часто использую <br />.)

0 голосов
/ 21 марта 2013

просто сделай:

/* in your css code:  */ 
pre
{
  display:inline;   
}
<!-- and then, in your HTML markup: -->

    this text comes after 4 spaces.
продолжить линию с другим элементом без торможения
0 голосов
/ 19 февраля 2012

Я использую диапазон с классами CSS.
у меня есть несколько классов, таких как spacer_1, spacer_2, spacer_3 и т. д.
я использую разные горизонтальные отступы, как это

.spacer_1
{
    padding:0px 5px;
}

чтобы использовать эту проставку, вы можете использовать следующее

<span class="spacer_1" /> /*this will generate half the gap*/
<span class="spacer_1"></span>
<span class="spacer_1">|</span>
0 голосов
/ 26 ноября 2009

Якоби прав. Но у меня есть что-то другое:

<head>

<style type="text/css">
.left-space{ margin-left: 10px }
</style>

</head>

<body>

<div>
   <p>This is a test line.<span class="left-space">This is a line with space before it.</span></p>
</div>

</body>

И, кстати, вы должны заменить на, чтобы соответствовать XHTML.

0 голосов
/ 26 ноября 2009

& NBSP; это неразрывное пространство. В качестве альтернативы, я думаю, вы могли бы использовать тег <br /> (там XHTML) просто для генерации новой строки.

...