Выравнивание

Nomo · May 12, 2008

Помогите, пожалуйста. Нужно выровнять текст по правому и левому краю одновременно. Свойство justify не подходит, т.к. нет переноса строки.

пам тарам пам пам

Нужно выровнять на ширину, к примеру, 40em. Возможно такая тема на форуме уже была, но я ничего не нашла.

ZoNT · May 12, 2008

типа растянуть текст на всю ширину?

Nomo · May 12, 2008

Да

Tokolist · May 12, 2008

имхо надо рассматривать каждый конкретный случай.

например, если заранее известно кол. слов, то можно поместить каждое слово в спан и задать соотв. стили.

ZoNT · May 12, 2008

просто текстовую строку не растянуть... Нет таких стандартных способов... только каждый конкретный случай или изврат со скриптами...

Nomo · May 12, 2008

Tokolist, слова формируются динамически из названий разделов...

ZoNT, вот ужас

Но все равно Спасибо)

ZoNT · May 12, 2008

Tokolist, слова формируются динамически из названий разделов...

Вот они же скриптом формируются?

вот и создавайте динамически табличку с кол-вом ячеек = кол-ву слов. Все слова кроме первого и последнего позиционируйте по центру, первое - налево, последнне - направо.

Tokolist · May 12, 2008

Tokolist, слова формируются динамически из названий разделов...

можно скриптом:

1. берем содержимое заголовка

2. каждое слово в спан

3. ширина каждого спана ~= 100% / кол. слов

4. первый спан выравнивание по левому краю

5. последний спан выравнивание по правому краю

6. остальные спаны по центру

ZoNT · May 12, 2008

Tokolist, слова формируются динамически из названий разделов...
можно скриптом:
1. берем содержимое заголовка
2. каждое слово в спан
3. ширина каждого спана ~= 100% / кол. слов
4. первый спан выравнивание по левому краю
5. последний спан выравнивание по правому краю
6. остальные спаны по центру

При ширине слова больше ширины спана оно спозиционируется налево и вылезет за спан справа.

При ширине слова больше ширины ячейки ячейка растянется а остальные - сожмуться.

Tokolist · May 12, 2008

тогда определяем ширину спана исходя из кол. букв в слове

ZoNT · May 12, 2008

га-га-га, это изврат: зачем писать вычисление ширины, если в табличке это произойд?т автоматически?

Tokolist · May 12, 2008

выравнивание по ширине одной строки это изврат изначально.

почему бы и не поизвращаться

Tokolist · May 12, 2008

кстати, ZoNT, а если строка суммарно будет превышать ширину контейнера, то в таблице будет не красиво, а со спанами - последний перенесется на новую строку (чисто теоретически)

ZoNT · May 12, 2008

так в задаче стояло, что она меньше! Если бы она была больше (это можно легко проверить), то над ней не надо вообще извращаться justify и вс?!

Nomo · May 12, 2008

ZoNT, Tokolist Таблицу использовать не по назначению идеалогия не позволяет . А, что касается спанов и вычисления ширины, кхм, это извращение можно попробовать)

ZoNT · May 12, 2008

Как хотите... Многообразие элементов как раз для того и нужно, чтобы выбрать то, что оптимальнее...

Nomo · May 12, 2008

Шутки это все конечно, но проблема осталась не решенной, таблицу не могу использовать, что тут еще можно придумать? Кажется ничего. Печально блин

ZoNT · May 12, 2008

почему таблицу нельзя использовать?

Nomo · May 12, 2008

Верстка слойная, таблица может применяться только по своему прямому назначению - для форматирования текста. Такие вот условия. :/

ZoNT · May 12, 2008

гм, а растягивание строки на всю ширину - это не форматирование???

Tokolist · May 13, 2008

Проверял: IE5.5+, Opera, FF2, Safari

Надо еще вылизать, но основная идея думаю понятна.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
* {
 margin: 0;
 padding: 0;
}

p {
 background: #f00;
 text-align: justify;
 text-align-last: justify; /* for IE >= 5.5 */
 overflow: hidden;
 height: 20px;
 font-size: 16px; /* by default */
}

p:after {
 content: " bla";
 background: #0f0;
 padding-right: 9999px;
 visibility: hidden;
}
/*]]>*/
</style>
</head>
<body>

<p>пам тарам пам пам</p>


</body>
</html>

ZoNT · May 13, 2008

вот это уже намного лучше, чем извращения со скриптами!

Nomo · May 13, 2008

Tokolist AAA! Спасибо огромное! Вы даже не представляете как мне это помогло

ZoNT · May 13, 2008

Это не я помог, а Tokolist, смотрите внимательнее

Nomo · May 13, 2008

ZoNT, Tokolist, ой, действительно ошиблась

Tokolist отличное решение , но возникает сложность с предлогами

Sign In

Выравнивание

Question

Link to comment

Share on other sites

24 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information