CSS выровнять строки, перенос строк
Добавлено: 2009-11-28 17:16:26
подскажите как выровнять тут текст http://lissyara.org.ua/view_content/65 (нету переноса строк, строки длинные)
можно ли каждую строку зафиксировать по длинне чтобы каждое слово переносилось на другую строку (если строка большая)?
я использую ББ редатор, мне порекомендовали вот это http://www.htmlbook.ru/css/white-space.html для пробелов и для переносов абзаца, НО там нету переноса строк!
я поставил, но оно как видите не хочет почему-то выравниватся...
я посмотрел исходники форумов, как там именно это сделано и не получилось ничего, там видимо какая-то тонкость!...
вот в тестовом варианте как сейчас:
<b><TMPL_VAR NAME="text_co"></b> - это текст из oаблона
это для BB code
вообщем, подскажите пожалуйста, как тут выровнять http://lissyara.org.ua/view_content/65 ?
можно ли каждую строку зафиксировать по длинне чтобы каждое слово переносилось на другую строку (если строка большая)?
я использую ББ редатор, мне порекомендовали вот это http://www.htmlbook.ru/css/white-space.html для пробелов и для переносов абзаца, НО там нету переноса строк!
я поставил, но оно как видите не хочет почему-то выравниватся...
я посмотрел исходники форумов, как там именно это сделано и не получилось ничего, там видимо какая-то тонкость!...
вот в тестовом варианте как сейчас:
Код: Выделить всё
<tr width="900" style="
text-align: left;
margin: 0;
width: 900;
float: none;
clear: none;
font-size: 12px;
line-height: 1.333;
vertical-align: top;
padding: 2px 4px;
border-collapse: collapse;
overflow-x: fixed;
overflow-y: fixed;
margin: 0 0 1.5em 0;
overflow: fixed;
white-space: pre;
">
<td width="900" colspan="3" aling="left">
<TMPL_VAR NAME="text_co">
</td>
</tr>
это для BB code
Код: Выделить всё
/* Quote */
.bbcode_code_body {display:block;}
.bbcode_code_body {
color: #100;
background-color: #f9f9f9;
border: 1px solid silver;
margin: 0 0 1.5em 0;
overflow: auto;
}
/* IE FIX */
.bbcode_code_body {
overflow-x: auto;
overflow-y: hidden;
padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
width: 100%;
}
.bbcode_code_body span {
border-collapse: collapse;
}
.bbcode_code_body , .wp_syntax td {
vertical-align: top;
padding: 2px 4px;
}
.bbcode_code_body .line_numbers {
text-align: right;
background-color: #def;
color: gray;
overflow: visible;
}
/* potential overrides for other styles */
.bbcode_code_body span {
margin: 0;
width: auto;
float: none;
clear: none;
overflow: visible;
font-size: 12px;
line-height: 1.333;
}