ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

Обрезание ссылок в чате.

 

1163
Денис @Анатолич
видимо зря я в этой же теме продолжил.
Хотя смысл одинаковой, разъезжающаяся верстка от некорректных данных.
Но разделы разные. наверное и пути решения разные.
Но попробую по прядку.

edenhazz, в стилях для чата внутри прописано
#leftdiv a { word-wrap: break-word; width: 200px; }
у вас как то по другому? и как выглядят ссылки у вас в чате?


Web3r пишет:

<div style="white-space: pre-wrap; width: 200px;">А так?</div>

сейчас прописал анкету так.
<tr><td><b>Мои увлечения</b></td>
<td style=" word-wrap: break-word; width: 200px;"><div style="white-space: pre-wrap; width: 200px;">%field13%</div></td></tr>
Результат такой же как и был в самом начале. перенос слов корявый, видно по ссылке в примере.
как нужно прописать стиль, чтобы слова переносились корректно и чтобы фраза типа?
"Катаюсь.НаЛыжах,санках,коньках,сноубордах,бобслеях,яхтах,машинах,велосипедах.Круглыйгод"
не растягивала верстку.

если можно полностью строчку. а не отдельный тег. а то может я не туда вставляю?

2615
Сергей @Pegass
Где то выше по структуре над word-wrap: break-word; есть word-break: break-all; - сотри его
т.е. такая хрень бывает если
<div style=" word-break: break-all;">
<div style="word-wrap: break-word;">
text
</div>
</div>

сделай так

<div>
<div style="word-wrap: break-word;">
text
</div>
</div>

и будет тебе счастие

Отредактировано Pegass - 04.11.2013
4619
Web3r @Web3r
Здорово, если ещё свойство ********** начнет поддерживаться, тогда можно обрезать всё красиво.

<table>
<tr>
<td>
<b>Мои увлечения</b>
</td>
<td style="min-width: 200px; max-width: 200px; word-wrap: break-word;">
Катаюсь.НаЛыжах,санках,коньках,сноубордах,бобслеях,яхтах,машинах,велосипедах.Круглыйгод
</td>
</tr>
</table>