HTML+CSS+JavaScript

код в cms

<style>          .wrapper {                          text-align:justify;             line-height:0;             min-width:238px;             padding:20px 18px 0;             border:2px solid blue;             }         .item {             width:250px;             height:285px;             text-align:left;             margin-bottom:20px;             vertical-align:top;             line-height:normal;             display:inline-block;             border:1px solid red;         }         .stub {              height:0;             margin:0;             padding:0;             border:none;             width:202px;             vertical-align:top;             display:inline-block;         }     </style>   <div class=\"wrapper\">         <div class=\"item\">1</div>         <div class=\"item\">2</div>         <div class=\"item\">3</div>         <div class=\"item\">4</div>         <div class=\"item\">5</div>         <div class=\"item\">6</div>         <div class=\"item\">7</div>         <div class=\"item\">8</div>         <div class=\"stub\"></div>         <div class=\"stub\"></div>         <div class=\"stub\"></div>         <div class=\"stub\"></div>         <div class=\"stub\"></div>         <div class=\"stub\"></div>         <div class=\"stub\"></div>         <div class=\"stub\"></div>         <div class=\"stub\"></div>     </div> <br><br>".s_browse_sub($sub,$browse)."

$browse[prefix] = "<div class='wrapper'>"; $browse[suffix] = "<div class='stub'></div><div class='stub'></div><div class='stub'></div><div class='stub'></div><div class='stub'></div><div class='stub'></div><div class='stub'></div></div>"; $browse[active] = "<div class='item'>1</div>";

код в браузере

<? <style>          .wrapper {                          text-align:justify;             line-height:0;             min-width:238px;             padding:20px 18px 0;             border:2px solid blue;             }         .item {             width:250px;             height:285px;             text-align:left;             margin-bottom:20px;             vertical-align:top;             line-height:normal;             display:inline-block;             border:1px solid red;         }         .stub {              height:0;             margin:0;             padding:0;             border:none;             width:202px;             vertical-align:top;             display:inline-block;         }     </style> <div class="wrapper">         <div class="item">1</div>         <div class="item">2</div>         <div class="item">3</div>         <div class="item">4</div>         <div class="item">5</div>         <div class="item">6</div>         <div class="item">7</div>         <div class="item">8</div>         <div class="stub"></div>         <div class="stub"></div>         <div class="stub"></div>         <div class="stub"></div>         <div class="stub"></div>         <div class="stub"></div>         <div class="stub"></div>         <div class="stub"></div>         <div class="stub"></div>     </div> <div class="wrapper"><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="item">1</div><div class="stub"></div><div class="stub"></div><div class="stub"></div><div class="stub"></div><div class="stub"></div><div class="stub"></div><div class="stub"></div></div>

первый блок отображается как надо с выравниванием justify. Во втором блоке все 'item' прилипли друг к другу

чудес же не бывает?

оказалось, что

<div class="item">1</div><div class="item">1</div>

и

<div class="item">1</div> <div class="item">1</div>

это разные вещи.

Почему Enter так влияет?

целый раздел форума для одного меня? это хорошо, есть с кем пообщаться)))

тихо сам с собою я веду беседу...

Это давно известный баг. У меня появлялись отступы от картинок в таблице, где их быть не
должно. После собирания кода в одну строку все исправилось.

Почему, никто не скажет. Патамушта. :)

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

а у меня наоборот в одну строку не работало) помогло "\r\n") Теперь все красиво. Буду осторожнее с Enter'ом в коде

Потому, что стили блоков inline-block, со всеми вытекающими из этого последствиями.