Указание Ширины Вкладки?

можно ли определить ширину вкладки, когда отображается пробел (скажем, в теге 

 или что-то еще)? Я не могу найти ничего, чтобы сделать это с помощью CSS, но это похоже на то, что это было бы довольно распространенным делом.


в моем случае ширина вкладки настолько широка, что некоторые из моих фрагментов кода на странице слишком широки. Если бы я мог каким-то образом сократить ширину вкладки, чтобы она соответствовала без полос прокрутки, это сделало бы все намного проще. (Я полагаю, что я мог бы просто заменить вкладки с пробелами, но в идеале я хотел бы найти способ сделать это без этого)
3 61
html css xhtml-1.0-strict whitespace

3 ответа:

Я верю в это блоге должно помочь вам:

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

<span style="display:none">A SINGLE TAB HERE</span><span style="margin-left:YOUR NEW TAB WIDTH"></span>

в принципе, замените каждый экземпляр a вкладка в коде с этим фрагментом кода (после выбора подходящей ширины, вы можете сделать это в таблице стилей довольно легко). Код искусственно вставляет поле, сохраняя исходную вкладку в коде готовой для копирования / вставки.

кстати, это выглядит как tab stops в спецификация CSS.

есть еще один вопрос переполнения стека на эту тему.

5

использовать tab-size property. В настоящее время вам понадобятся префиксы поставщиков. Пример:

pre
{
    -moz-tab-size: 4;
    -o-tab-size:   4;
    tab-size:      4;
}

см. также статью о developer.mozilla.org:tab-size.

.tabstop
{
    -moz-tab-size: 4;
    -o-tab-size:   4;
    tab-size:      4;
}
Unstyled tabs (browser default)
<pre>
	one tab
		two tabs
			three tabs
</pre>

Styled tabs (4em)
<pre class="tabstop">
	one tab
		two tabs
			three tabs
</pre>
94

Как отметил Джордж Стокер, табуляторы должны появиться в будущем CSS (FF4 должен иметь его), но в то же время...

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

<style>
.tabspan{
    display:inline:block;
    width:4ex;
}
</style>
<pre>
int main()
{
<span class=tabspan>\t</span>return 0;
}
</pre>

где "\t " в приведенном выше является фактическим символом табуляции. Теперь он должен скопировать и вставить правильно. Не так приятно, как похлопывание свойства css на теге 

, но таково жизнь.


(P.S. ответил на этот старый пост, как его высоко на google для "CSS tab width", и я придумал это решение вскоре после прихода сюда.)
4