| |
|
|
| | Интересует если ли какой нибудь css свойство чтобы допустим если строка не умещается полностью, чтобы она не переносилась на новую строку а просто не отображалась
как в textarea
интересует как сие применить к слою - div
нужно это вот для чего
выпадающий список который генерируется посредством ajax выполнен как слой и поэтому хотелось бы чтобы те его строки которые не умещаются в 1 строку просто часть которая не умещается просто была скрыта как в обычном select
сейчас если строка длиннее она переноситься на новую строчку и наплывает на следующую - получается не очень красиво | |
| |
|
|
| |
|
|
| |
для: skinny
(07.03.2011 в 21:36)
| | | Помещаете в слой вместо строк input'ы нужной ширины со свойством readonly, без бордера и с нужным Вам шрифтом. Заодно можете на каждый инпут повесить onfocus="this.blur ()". И все проблемы с переносами строк моментально исчезают. | |
| |
|
|
| |
|
|
| |
для: skinny
(07.03.2011 в 21:36)
| | | Ко всем вложенным в этот div элементам нужно применить CSS правила, ограничивающие ширину и высоту этих элементов. Скажем, у вас это выглядит так:
<div id="layer">
<p>Строка номер один</p>
<p>Строка номер два которая очень длинная</p>
</div>
|
Тогда CSS может выглядеть как-то так:
#layer p {
width: 200px;
height: 20px;
border: 1px solid blue;
overflow: hidden;
}
|
Собственно, overflow: hidden обрезает все, что не помещается в блок. Но работает только в том случае, если для этого блока заданы ширина и высота. | |
| |
|
|
