Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Большой текст в selectBox / 2 сообщений из 2, страница 1 из 1
02.05.2013, 19:12
    #38246765
qi_ip
qi_ip
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой текст в selectBox
Доброе время суток! Подскажите как реализовать: есть select box на форме. В нем очень длинный текст. Возможно ли средствами css сделать так, чтобы текст отображался в 2-3 строчки?
Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.05.2013, 19:59
    #38246803
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой текст в selectBox
qi_ip,

интересный вопрос. Тут пробовал и <br> и word-wrap и word-break , чего-то в самом раскрытом списке не переносит...
После выбора длинной строки, Опера, Мозилла - оставили одну строку, Хромой - перенес.
 
Моя не совсем удачная попытка
Код: 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.
28.
29.
30.
31.
32.
33.
34.
<!DOCTYPE html>
<html>
<head>
<title>tmp</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
div {
  width:50px;
  color:white;
  word-wrap: break-word; /* Перенос слов */
  word-break: break-all; /* Перенос слов */   
  background:grey;
}
#abc {
  width:125px;
  font-family:Arial, sans-serif;
  font-size:10pt;  
  word-break: break-all; /* Перенос слов */ 
  word-wrap: break-word; /* Перенос слов */  
}
</style>
</head>
<body>
<div>
asdfdsa
<select id="abc" name="abc"> 
  <option value="0">Короткая строка</option>
  <option value="1" style="word-break: break-all; word-wrap: break-word;">Длинная длинная строка <br> с множеством слов</option>
  <option value="2">ДлинноеДлинноеСловоБезПеренова</option>
</select>
asfdsfdsfdsfdsfdsfdsfd
</div>
</body>
</html>


...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Большой текст в selectBox / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 464ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448384]:
 0ms
get settings:
 8ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 181ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 207ms
total:  464ms
x
x
Закрыть


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