Что я могу использовать для замены   в HTML?

   кажется уродливым.

Ответ 1

Маржа и/или заполнение. (свойства css), например:

<p style='padding-left : 10px'>Hello</p>

(Стоит отметить, что обычно считается неправильной практикой, чтобы поместить такой встроенный стиль: вы обычно объявляете селектор во внешнем файле css и устанавливаете класс/независимо от него.)

Ответ 2

В CSS попробуйте:

white-space:nowrap;

Ответ 3

В CSS добавьте

pre{
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}

<pre>
    is not ugly anymore
</pre>

Ответ 4

  является альтернативным, но он также уродливым

Красивое решение доступно в css.

Если вам нужно место в начале абзаца, вы можете использовать

p {text-indent: 10px; }

Если вам нужно расстояние между словами, например,

H2 { word-spacing: 3pt }

см. здесь дополнительные параметры http://www.hypergurl.com/csstutorial7.html

Вы можете присвоить этот стиль html встроенным, внешним и встроенным (<head>....</head>)

Ответ 5

У меня была эта проблема, когда я понял, что у меня будут пустые теги. Я не хотел устанавливать фиксированную высоту, и было поздно менять html. Я хотел добавить пробел в css, заменить на &nbsp, поэтому я добавил пространство перед элементом, используя :before (его нужно указать через unicode).

p:before {
    content: "\00a0";
}

Надеемся, что это решение поможет кому-то. Решение с дополнением не помогло решить мою проблему.

Ответ 6

Как насчет свойств CSS letter-spacing и/или word-spacing?

Ответ 7

Вы должны использовать свойства margin или padding, чтобы ваши элементы настраивали пробелы.

Ответ 8

Я использовал промежуток между двумя кнопками.

<span style="margin-left:70px;"></span>

Он разнесся по всему, где мне это нужно. Я попытался создать разделитель "spacer", но это подтолкнуло одну из кнопок ниже другой. Я думаю, это было потому, что я использовал margin-bottom: 30px; в div.

Ответ 9

Вам необходимо использовать:

&nbsp;  non-breaking space: ' '
&emsp;  em space: ' '
&ensp;  en space: ' '
&thinsp;    thin space: ' '

SIX-PER-EM SPACE

<p>I will display &#8198;</p>
<p>I will display &#x2006;</p>

EN QUAD космический пример

<p>I will display &#8192;tt</p>
<p>I will display &#x2000;tt</p>

EM QUAD

<p>I will display &#8193;tt</p>
<p>I will display &#x2001;tt</p>

Таблица

Char    Dec Hex Entity  Name
    8192    2000        EN QUAD
    8193    2001        EM QUAD
    8194    2002    &ensp;  EN SPACE
    8195    2003    &emsp;  EM SPACE
    8196    2004        THREE-PER-EM SPACE
    8197    2005        FOUR-PER-EM SPACE
    8198    2006        SIX-PER-EM SPACE
    8199    2007        FIGURE SPACE
    8200    2008        PUNCTUATION SPACE
    8201    2009    &thinsp;    THIN SPACE
    8202    200A        HAIR SPACE
   8203    200B        ZERO WIDTH SPACE

В основном вы можете заменить 4 пробела

&emsp; == &nbsp;&nbsp;&nbsp;&nbsp;