[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: проблема с таблицей
Mecenat
проблема у меня такая. какие бы я не задовал параметры ширины таблицы, таблица вытягивается и появляется горизонтальная полоса прокрутки. это появляется если написать очень длинное слово, например символов 200. Как сделать чтоб слово из символов переносилось на новую строку? второй день мучаюсь



Спустя 3 минуты, 29 секунд (17.08.2011 - 09:58) Xes написал(а):
ни как. (имеется ввиду обычными способами, без изврата) Должны быть пробелы. Либо можно ограничить показ того что не влезло.
Хотя неи знаю попробйую такую вешь:
table
{
table-layout:fixed;
}

Спустя 29 минут, 2 секунды (17.08.2011 - 10:27) Oyeme написал(а):
<table style="table-layout: fixed" width="200px">
<tr><td
style="word-wrap:break-word">LongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLon gLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongWord</td></tr>
</table>

Спустя 35 минут, 28 секунд (17.08.2011 - 11:03) Mecenat написал(а):
чет не убирается полоса прокрутки

Спустя 23 часа, 4 минуты, 33 секунды (18.08.2011 - 10:07) Mecenat написал(а):
сам нашел, странно что никто не подсказал.
функция php wordwrap().

Пример использования wordwrap():

<?php
$text = "Очень длинное слоооооооооооооооово.";
$newtext = wordwrap($text, 8, "\n", 1);

echo "$newtext\n";
?>
где 8 количество символов после которого текст переносится.

Спустя 7 минут, 6 секунд (18.08.2011 - 10:14) inpost написал(а):
Mecenat
Да никто не мог подумать, что тебе интересно именно Win-1251, а не UTF.
Как бонус, тебе нужна реализация на HTML.
<div style="word-wrap:break-word; width:200px">ТУТ ЛЮБОЙ ТЕКСТ</div>

Всегда работает одинаково, единственное в ИЕ7 есть баг, что текст переносится, а таблица всё равно тянется в бок. Остальные браузеры нормально с этим работают.
wordwrap - очень плохо работает с кодировкой UTF-8, точнее сказать - не работает как надо.

Спустя 28 минут, 6 секунд (18.08.2011 - 10:42) Mecenat написал(а):
все переделал под word-wrap:break-word. все работает, но только в теге <td>. спасибо
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.