Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Перенос символов в длинном слове / 5 сообщений из 5, страница 1 из 1
10.01.2016, 21:51
    #39144171
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Перенос символов в длинном слове
Вывожу в относительно узкую колонку таблицы текст.
В тексте иногда встречаются длинные числа (30-40 символов), они распирают таблицу и портят верстку.
Как бы это слово перенести насильно?
word-wrap:break-word пробовал, но не работает, видимо из-за того, что это не слово, а число.
________________________
Мы смотрим с оптимизмом...
...в оптический прицел.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.01.2016, 21:57
    #39144172
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Перенос символов в длинном слове
Вот тут говорят, что так и должно быть; в спецификации Unicode сказано, что числа не переносятся.
Можно ли такое обойти? Или нужно будет вставлять пробелы нулевой ширины?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.01.2016, 17:25
    #39144819
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Перенос символов в длинном слове
Alibek B.,

word-wrap:break-word работает и для чисел   Надо ширину у таблицы и ячеек задать. Примерно так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html>
<html>
<head>
<title>tmp</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
table {
  border-collapse:collapse;
  table-layout:fixed;
  width:20px;
}
td {
  font:400 12px tahoma,arial,sans-serif;
  padding:2px 4px;
  border:1px solid #d0d0d0;
  overflow-wrap:break-word;
  word-wrap:break-word;
  width:100px;
}
</style>
</head>
<body>
<table>
  <tr><td>Двадцатизначное число 12345678901234567890</td><td>Еще данные</td></tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.01.2016, 18:03
    #39144843
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Перенос символов в длинном слове
Мне такое не подойдет, у меня используется Bootstrap с адаптивной версткой.
Прогоняю текст через функцию, которая в длинные числа вставляет ZWSP.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.01.2016, 18:34
    #39144875
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Перенос символов в длинном слове
Alibek B.у меня используется Bootstrap с адаптивной версткой.Это надо было сказать в первом сообщении...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Перенос символов в длинном слове / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]