it-swarm.com.ru

Что можно использовать для замены & nbsp; & nbsp; в HTML?

Я считаю, что    ужасен.

14
Steven

Маржа и/или отступы. (свойства CSS), вот так:

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

(Стоит отметить, что обычно такой встроенный стиль считается плохой практикой; обычно вы объявляете селектор во внешнем CSS-файле и устанавливаете класс/что угодно соответствующим образом.)

21
Noon Silk

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

white-space:nowrap;
18
graphicdivine

В CSS добавить

pre{
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}
<Предварительно> 
 больше не страшен 
 </ pre> 
5
YOU

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

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

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

4
Madalina Taina

&#160; является альтернативой, но это также уродливо

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

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

p {text-indent: 10px; } 

Если вам нужно расстояние между Word, используйте это

H2 { Word-spacing: 3pt }

см. здесь для получения дополнительных возможностей http://www.hypergurl.com/csstutorial7.html

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

4
Jitendra Vyas

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

2
Pekka 웃

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

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

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

1
James Drinkard

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

1
kgiannakakis

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

&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;
0
Pit J