Не отображаются пустые HTML-элементы parargraph

#javascript #html #css

#javascript #HTML #css

Вопрос:

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

Я обнаружил, что если в элементе p нет текста, то браузер его не отображает.

Я знаю, что в большинстве случаев это, вероятно, хорошо, но я анализирую и отображаю код HTML2 от людей, которые плохо используют HTML (используя пустые элементы p в качестве вертикальных разделителей вместо элементов br), поэтому мне нужно показать эти пустые элементы абзаца, чтобы отобразить их так же, как напользователи старой версии.

Существует ли настройка CSS или HTML, которая заставит браузер рисовать / показывать пустые элементы абзаца? Может быть, мне нужно установить DTD HTML?

1. Может быть, что-то вроде установки ширины и высоты и использования display:block ?

2. Поскольку вы упомянули, что уже анализируете его, не могли бы вы просто заменить все пустые элементы абзаца на <br /> или что-то в этом роде? Я не знаю способа, которому вы могли бы доверять для каждого браузера, который будет делать то, что вы хотите в противном случае, но, возможно, есть какая-то подсказка css или что-то в этом роде.

3. Просто побочный комментарий: использование <br> s в качестве вертикальных разделителей не намного лучше, чем использование <p> s.

4. @Juhana: правда? : P lol что мне тогда использовать?

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

Ответ №1:

Использовать min-height:1em . См. http://jsfiddle.net/kcU5R / для демонстрации.

Ответ №2:

Если внутри нет текста, высота элемента устанавливается равной НУЛЮ. Вот почему он исчезает. Вам нужно будет оформить его так, чтобы он занимал нужное вам пространство, или добавить amp;nbsp; внутри него.

Вы можете установить минимальную высоту элемента p, равную 1em, чтобы он имел высоту одной строки текста.

1. Было бы вежливо добавить примечание о том, что вы отредактировали свой ответ min-height только после того, как я дал точно такой же ответ… Просто говорю.

2. Я не видел вашего ответа, прежде чем нажать кнопку отправки. Я даже не видел этого сообщения о новых ответах, которое SO показывает при публикации нового ответа. Все происходит не мгновенно. У нас просто была та же идея, в то же время, это происходит все время здесь, на SO. =)