|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
20.04.2018, 08:22 | #1 |
Пользователь
Регистрация: 05.04.2017
Сообщений: 19
|
Принудительный перенос строки в ячейке таблицы
Добрый день.Ситуация следующая,имеется таблица на сайте,в одном из столбцов указывается ссылка на сайт,и часто так что ссылка длинная и она так сказать выходит за границу ячейки и накладывается на следующую ячейку,т.е. не всегда осуществляется перенос.Вопрос в следующем,как можно задать принудительно длину строки в ячейке?
|
20.04.2018, 08:53 | #2 |
Квадрокоптерист
Участник клуба Подтвердите свой е-майл
Регистрация: 29.09.2007
Сообщений: 1,824
|
Так перенос сделать? или задать принудительно длину строки в ячейке? заголовок вопроса один, тело вопроса другой..
перенос сделать <br> ширину задайте width
Я часть той силы, что вечно хочет зла, но вечно совершает благо..
|
20.04.2018, 10:52 | #3 |
Пользователь
Регистрация: 05.04.2017
Сообщений: 19
|
Перенос <br> не поможет т.к. таблица не статическая(выводит результаты того,что ввели пользователи), а width почему то не срабатывает(мож потому что очень много столбцов и таблица должна уместиться по ширине экрана)
|
20.04.2018, 13:20 | #4 | |
Квадрокоптерист
Участник клуба Подтвердите свой е-майл
Регистрация: 29.09.2007
Сообщений: 1,824
|
Цитата:
Я часть той силы, что вечно хочет зла, но вечно совершает благо..
|
|
20.04.2018, 19:55 | #5 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Засунь div внутрь ячейки, на него width будет работать.
* в этот див и вводи текст
Alar, верни репу!
|
23.04.2018, 07:31 | #6 |
Пользователь
Регистрация: 05.04.2017
Сообщений: 19
|
Вот так выглядит код
Код:
Код:
|
24.04.2018, 21:55 | #7 |
Форумчанин
Регистрация: 05.09.2017
Сообщений: 157
|
Способов - много, но нет ни одного 100% надёжного. Всё зависит какая кроссбраузерность требуется:
- max-width (https://habr.com/post/217911/) - проблемы break-word в IE8 (http://stackoverflow.com/questions/3...working-in-ie8) - http://jsfiddle.net/CyberAP/NUHTk/ живая демонстрашка break-word в песочнице, где можно править код и смотреть что получится. Правда, на примере <div>, а не <td>. Часто приходится помещать div внутрь td чтобы стили начали работать корректно. - статья + демка CSS стилей переноса слов: overflow-wrap, break-word, word-wrap, line-break http://shpargalkablog.ru/2013/02/word-wrap.html - для таблиц можно применять стиль style="table-layout:fixed;", но это требует явного задания ширины таблицы и/или ячеек. Я для принудительного переноса содержимого делал стиль ячеек: Код:
Безопасность с Content Security Policy
Последний раз редактировалось Ottava; 24.04.2018 в 22:08. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Некорректный перенос текста в объединенной ячейке таблицы word | ольгаг | Общие вопросы .NET | 1 | 15.12.2018 23:07 |
[Javascript] Выделение строки и столбца относящихся к ячейке таблицы | irt | JavaScript, Ajax | 5 | 22.12.2015 22:59 |
Принудительный перенос текста в строке по условию - Delphi | S_007 | Помощь студентам | 8 | 07.06.2015 20:11 |
Перенос текста в одной ячейке, в отдельные строки...трансформировать не катит | IAM_ | Microsoft Office Excel | 6 | 23.10.2011 18:17 |
Перенос длинного текста в ячейке таблицы | den_1973 | HTML и CSS | 4 | 12.10.2010 15:29 |