CSS выровнять строки, перенос строк

И всё прочее, что касается HTML
Правила форума
Убедительная просьба юзать теги [code] при оформлении листингов.
Сообщения не оформленные должным образом имеют все шансы быть незамеченными.
Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

CSS выровнять строки, перенос строк

Непрочитанное сообщение ProFTP » 2009-11-28 17:16:26

подскажите как выровнять тут текст 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>
<b><TMPL_VAR NAME="text_co"></b> - это текст из oаблона

это для 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;


}


вообщем, подскажите пожалуйста, как тут выровнять http://lissyara.org.ua/view_content/65 ?
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение

Хостинговая компания Host-Food.ru
Хостинг HostFood.ru
 

Услуги хостинговой компании Host-Food.ru

Хостинг HostFood.ru

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

Аватара пользователя
ProFTP
подполковник
Сообщения: 3388
Зарегистрирован: 2008-04-13 1:50:04
Откуда: %&й
Контактная информация:

Re: CSS выровнять строки, перенос строк

Непрочитанное сообщение ProFTP » 2009-11-29 15:11:02

пля

сделал, что-то css больше 2 версии мало продокументированно, одну штуку поставил, как бы написано что работать редко где должно, но у меня везде работает

вообщем там надо было заменить

Код: Выделить всё

white-space: pre;
на

Код: Выделить всё

white-space: pre-wrap;
и все выровняется

нашел тут:http://css.manual.ru/properties/white-space


тут вот еще маленько:
_http://xpoint.ru/forums/internet/html_css/css/thread/21764.xhtml
_http://www.webmascon.com/topics/coding/46a.asp
_http://www.nbuv.gov.ua/books/19/css2/text.html
_http://www.umade.ru/resources/specifications/CSS2/text.html
_http://info-pages.com.ua/e/95

посмотрите еще может быть с IE 7-8 как? выравнивается?
http://lissyara.org.ua/view_content/65
Pеrl FAQ
perl -e 'print join"",map $$_[rand@$_],([0..9,'a'..'z','A'..'Z'])x30'
ИзображениеИзображение