Как заставить строчку растянуться на весь контейнер (CSS) - CodeHelper

Как заставить строчку растянуться на весь контейнер (CSS)

1

Имеется такая разметка:

<div>
    word1 word2 word3
</div>

Как сделать так, чтобы текст word1 word2 word3 (одна строчка текста) занял весь родительский div по ширине? text-align: justify не помогает, потому что работает только для многострочного текста.

Лучший ответ:

1

justify не работает для одной строки, поэтому как решение можно использовать такую вёрстку

<table width="100%" border="0">
  <tr>
    <td align="center">word1</td>
    <td align="center">word2</td>
    <td align="center">word3</td>    
  </tr>
</table>

Можно конечно использовать div, но display: table и display:table-cell не поддерживает IE(по крайней мере <8)

В IE можно для div использовать такой класс

.DistributeAllLines {
  text-align: justify;
  text-justify: newspaper;                             
  text-align-last: justify
}

Но опять же текст растягивается весь, включая расстояние между буквами, и text-justify поддерживается только IE

На крайний случай можно поиграть с word-spacing, но для динамических случаем нужно использовать JavaScript

v1.7.123.556
© 2009—2010 CodeHelper FAQ | О сайте | Обратная связь | История изменений | Статьи
Creative Commons LicenseМатериалы сайта распространяются под лицензией Creative Commons Attribution-Share Alike 3.0 Unported.