2015-07-11 3 views
4

Есть два фрагменты HTML кода:В чем разница между   и пространством?

1.

<div>&nbsp;</div> 

2.

<div> </div> 

Я запускать их в Chrome 43.0.2357.130m отдельно.

Первый отрывок div имеет высоту (высота = 18px), но второй не имеет высоты (высота = 0).

Интересно, почему у них разные результаты.

Спасибо :-)!

ответ

0

Второй запуск в браузере он не вычисляется как любая строка, поэтому здесь не применяется стиль. Но &nbsp; вычислить как одно пространство символов.

7

& nbsp - это пространство, не подлежащее очистке. Это означает, что он всегда интерпретируется как персонаж. Например, два слова, разделенные & nbsp: всегда будут оставаться вместе, но два слова, разделенные пробелом, могут быть разделены новой строкой, если контейнер слишком мал.

Простое пространство как «Мех, я здесь, если вам нужно, но я могу изменить, если вы хотите, чтобы я тоже < 3», & NBSP больше «Я всегда здесь»

В вашем примере пространство кажется бесполезным (без слов до и после), поэтому оно исчезает. & nbsp все еще здесь. Рассмотрим & nbsp так же, как если бы это была невидимая буква больше, чем пробел.

Смежные вопросы