Я не могу получить "text-overflow: ellipsis;" работать... Может быть, кто-то может помочь с этим: -)
Небольшой пример: http://jsfiddle.net/qKS8p/2/
http разметка:
<table class="" border="1">
<tr><td colspan=3>…</td></tr>
<tr class="">
<td width="90"><span class="prose">column one</span></td>
<td width="20"><span class="prose">column two</span></td>
<td width="90"><span class="prose">column three</span></td>
</tr>
<tr><td colspan=3>…</td></tr>
</table>
Правила стиля CSS:
.prose {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
Я бы ожидал, что "столбец два" будет измельчен из-за ширины td 20 пикселей. Я также пробовал разные варианты с divs, tds и т.д., Но я не вижу никаких изменений. Обратите внимание, что это не работает в любом браузере, который я проверил. Так что, конечно же, я скучаю.
Есть миллионы страниц о примерах, различиях браузера и т.д. Но я не могу заставить это работать! Согласно текущей информации, во всех основных браузерах поддерживается простой атрибут переполнения текста. Поэтому я ищу чистое решение css (а не xul, а не jquery plugin), так как это должно работать.
Спасибо, arkascha