Вопросы с тегом «overflow»

Можно ли ограничить длину текста до «n» строк с помощью CSS (или обрезать ее при переполнении по вертикали). text-overflow: ellipsis; работает только для 1 строки текста. Оригинальный текст: Ultrices natoque mus mattis, aliquam, авария в pellentesque tincidunt elit purus lectus, vel ut aliquet, elementum nunc nunc rhoncus placerat urna! Сиди …

516 css  text  overflow  ellipsis 

Я хочу использовать CSS text-overflowв ячейке таблицы, так что если текст слишком длинный, чтобы поместиться в одну строку, он будет обрезаться многоточием вместо переноса на несколько строк. Это возможно? Я попробовал это: td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } Но white-space: nowrapкажется, что текст (и его ячейка) постоянно …

501 css  overflow 

Предположим, у вас есть стиль и разметка: ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> …

455 html  css  overflow 

Я не знаю, почему этот простой CSS не работает ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> Выполнить …

368 overflow  ellipsis  css 

Можно ли проверить overflow:autodiv? Например: HTML <div id="my_div" style="width: 100px; height:100px; overflow:auto;" class="my_class"> * content </div> Jquery $('.my_class').live('hover', function (event) { if (event.type == 'mouseenter') { if( ... if scrollbar visible ? ... ) { alert('true'): } else { alert('false'): } } }); Иногда содержимое короткое (без полосы прокрутки), а …

277 jquery  scroll  overflow 

Ниже приведен мой код, и я хочу понять, почему #firstDiv толкается вниз всеми браузерами. Я действительно хочу понять внутреннюю работу того факта, что его толкают вниз, а не тянут его вверх тем или иным способом. (а я умею выравнивать свои верхушки :)) И я знаю, что это переполнение: скрытое, которое …

238 overflow  css 

Итак, в настоящее время у меня есть: #div { position: relative; height: 510px; overflow-y: scroll; } Однако я не верю, что некоторым пользователям будет очевидно, что там больше контента. Они могли бы прокручивать страницу вниз, не зная, что мой div на самом деле содержит гораздо больше контента. Я использую высоту …

225 css  macos  scroll  overflow 

Знакомьтесь, Фред. Он стол <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> В квартире Фреда есть странная привычка менять размер, поэтому он научился скрывать часть своего содержания, чтобы не отталкивать все остальные отряды и не забывать о гостиной миссис Уитфорд: <table border="1" style="width: …

223 html  css  overflow  tablelayout 

У меня есть элемент div на моей странице, его высота установлена ​​на 100%. Высота тела также установлена ​​на 100%. Внутренний div имеет фон и все это и отличается от фона тела. Это работает для того, чтобы высота div составляла 100% от высоты экрана браузера, но проблема в том, что у …

172 css  html  height  overflow 

У меня есть вопрос относительно того, как получить высоту div. Я в курсе .height()и innerHeight(), но никто из них не делает для меня работу в этом деле. Дело в том, что в этом случае у меня есть div с переполненной шириной и переполнением: scroll и div имеет фиксированную высоту. Если …

160 jquery  height  overflow 

Какой самый простой способ обнаружить переполнение элемента? Мой пример использования: я хочу ограничить определенную область содержимого до 300 пикселей. Если внутреннее содержимое выше этого, я обрезаю его переполнением. Но если он переполнен, я хочу показать кнопку «больше», но если нет, я не хочу показывать эту кнопку. Есть ли простой способ …

154 javascript  css  overflow 

У меня на самом деле две проблемы, но давайте сначала решим основную проблему, так как я считаю, что другую легче решить. У меня есть фиксированное положение div на левой стороне прокрутки для меню. Правая сторона - это стандартный div, который правильно прокручивается. Проблема в том, что когда порт просмотра браузера …

150 javascript  css  scroll  overflow  css-position 

У меня есть 3 уровня div: (Зеленым цветом внизу) Верхний уровень divс overflow: hidden. Это потому, что я хочу, чтобы некоторый контент (не показанный здесь) внутри этого блока был обрезан, если он превышает размер блока. (Красным внизу) Внутри у меня есть divс position: relative. Единственное использование для этого для следующего …

144 css  overflow  css-position 

У меня здесь есть сайт . При просмотре в браузере настольного компьютера черная строка меню правильно распространяется только до края окна, поскольку bodyимеет overflow-x:hidden. В любом мобильном браузере, будь то Android или iOS, черная строка меню отображается во всю ширину, что приводит к появлению пробелов в правой части страницы. Насколько …

143 css  overflow  viewport  mobile-browser 

Я хочу показать сроки и условия заметки на моем сайте. Я не хочу использовать текстовое поле, а также не хочу использовать всю мою страницу. Я просто хочу отобразить свой текст в выбранной области и хочу использовать только вертикальную полосу прокрутки, чтобы перейти вниз и прочитать весь текст. В настоящее время …

136 css  html  overflow