Как вы создаете вкладки в XHTML?

Question

Я хотел бы использовать такой элемент, как «span» или любой другой обычный элемент ole, чтобы создать табуляцию на веб-странице xhtml (то есть действительный XML). Эффект должен быть эквивалентен 4 " " прямо рядом друг с другом (нельзя было бы сделать это, не ставя пробел между амперсандом и 'n'.

Редактировать : В моем первоначальном сообщении не было указано  . Я хочу по возможности избегать использования этого метода.

Подробнее ...

Возможно, следующий CSS недействителен

span {
  display:inline;
  width: 2em
}

потому что встроенные элементы (насколько я понимаю) не имеют ширины.

Также этот css:

span {
  display: block;
  width: 2em;
  float: (pick a direction)
}

не будет работать, потому что это приведет к тому, что элемент коснется края блока, что приведет к нерегулярному потоку.

В случае, если кто-то ответит: "С какой стати ты это сделал?" (хе-хе) ... Это потому, что я пишу юридический документ, который требует указанного форматирования. : -)

Спасибо всем!

Bernie

Answer 1

Попробуйте display: inline-block; в вашем CSS. Это сгенерирует встроенный элемент box.

Answer 2

Если вы пишете юридический документ, требующий такого форматирования, не следует оставлять его на CSS.

Answer 3

Либо используйте четыре   с,

<p>
    &nbsp;&nbsp;&nbsp;&nbsp;Text.
</p>

Или используйте padding-left: 20px; (или любые другие пиксели, которые вы хотите) для элемента, содержащего текст

<p style="padding-left: 20px;">
    Text
</p>

Или используйте четыре обычных пробела и примените white-space: pre; к содержащему элементу.

<p style="white-space: pre;">
    Text
</p>

(конечно, приведенное выше является лишь примерами, и вы должны преобразовать свои стили в отдельный файл CSS).

Answer 4

Если это табличные данные, используйте таблицу. Вот для чего это.

Answer 5

Используйте <div style="whitespace: pre;"> для переноса содержимого - используя настройки вкладок в редакторе исходного кода (gedit, notepad, notepad ++ и т. Д.) - и любые блоки, требующие специального форматирования, такие как адрес или кавычки, в последующем <div> с или <spans>.