2009-11-30 3 views
1

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

Edit:.? Мой первоначальный пост сделал не показывать   То, что я хочу сделать, это избежать, используя этот метод, если это возможно.

Некоторые подробнее ...

Предположительно, следующий CSS недействителен

span { 
    display:inline; 
    width: 2em 
} 

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

Кроме того, этот CSS:

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

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

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

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

Bernie

ответ

3

Попробуйте display: inline-block; в вашем CSS. Это создаст элемент ящика, который выложен внутри.

+0

Право оооо. Спасибо, Марк! – btelles

+2

Обратите внимание, что встроенный блок поддерживается только в FF3 +, IE8 +, Chrome и Opera. IE7 и ниже или FF2 не поддерживают или не поддерживают встроенный блок – CaffGeek

+0

В списке Apart есть статья о стилях HTML-форм, которые использовали 'inline-block', и он предоставил Javascript для правильной работы CSS в браузерах, которые не поддерживают Это. См. Http: // www.alistapart.com/articles/prettyaccessibleforms/ –

1

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

1

Либо использовать четыре   с,

<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).

0

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

2

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

+0

Или даже для какой-либо конкретной интерпретации браузером вашего CSS и HTML ... –

+0

Приходите, ребята, вы почти не знакомы с прецедентом и контекстом. Почему, по-вашему, у вас достаточно информации, чтобы сделать такой вывод? – btelles

+0

Если у вас нет правильного ответа на технический вопрос, у вас мало информации о контексте и есть мнение, то, пожалуйста, не отвечайте. – btelles

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