CSS свойство ширины вкладки - PullRequest
16 голосов
/ 20 июля 2011

Поддерживают ли браузеры WebKit и Microsoft какой-либо метод задания ширины вкладки, как в Firefox и Opera, используя их свойства -moz-tab-size и -o-tab-size?

Например, я хочу, чтобы вкладки в моем <textarea> имели ширину 4 пробела:

textarea {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    /* How would I do this in Chrome, Safari, and IE? */
}


[Обновление:]

Я создал tab-size polyfill ( Demo ):

<script> // tab-size polyfill
var codeElements = document.getElementsByTagName('code'), // Applies to all code elements. Adjust to your needs.
codeElementCount = codeElements.length,
e = d.createElement('i');

if(e.style.tabSize !== '' && e.style.mozTabSize !== '' && e.style.oTabSize !== '') {
    for(var i = 0; i < codeElementCount; i++) {
        codeElements[i].innerHTML = codeElements[i].innerHTML.replace(/\t/g,'<span class="tab">&#9;</span>');
    }
}
</script>

<style>
.tab {
    width: 2.5em; /* adjust to your needs */
    display: inline-block;
    overflow: hidden;
}
</style>

Примечание: Это не будет работать на <textarea> с, но только на элементах, которые могут содержать другие элементы. Если браузер поддерживает tab-size, он будет использовать его вместо

.

Ответы [ 2 ]

10 голосов
/ 20 июля 2011

tab-size в настоящее время реализовано только в Firefox и Opera с использованием префиксов вашего поставщика.

Для WebKit есть сообщение об ошибке , запрашивающее, чтобы свойство былореализованы.Я полагаю, что работа над ним уже началась, как видно из комментариев к этому отчету.

Что касается IE, ну, я не могу найти ничего о реализации -ms-tab-size или tab-size в IE9 илиIE10.Я полагаю, что команда IE не была мудрее.

0 голосов
/ 20 июля 2011

Похоже, что похожий вопрос на эту тему , но на самом деле это не совсем правильный ответ.Однако он ссылается на то, что , по-видимому, позиции табуляции существуют в CSS , хотя я не могу представить, что поддержка браузера так хороша в этом.

Поиск в Google , который почти ничего не дает по этому вопросу , еще больше наводит меня на мысль, что он не очень хорошо реализован или используется .Надеюсь, это поможет.

РЕДАКТИРОВАТЬ

Ссылка W3C упоминает табуляцию, но это был только рабочий черновик - предложение, и он не был реализован.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...