Запитання з тегом «overflow»

Чи можна обмежити довжину тексту "n" рядками за допомогою CSS (або вирізати його, коли переповнюється вертикально). text-overflow: ellipsis; працює лише для 1 рядкового тексту. оригінальний текст: Ultrices natoque mus mattis, aliquam, крах в pellentesque tincidunt elit purus lectus, vel ut aliquet, elementum nunc nunc runcus placerat urna! Сидіти ест сед! …

515 css  text  overflow  ellipsis 

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

499 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:autoдіва? Наприклад: HTML <div id="my_div" style="width: 100px; height:100px; overflow:auto;" class="my_class"> * content </div> ПІДКЛЮЧЕННЯ $('.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; } Однак я не вірю, що деяким користувачам буде очевидно, що там є більше вмісту. Вони могли прокручувати сторінку вниз, не знаючи, що мій дів насправді містить набагато більше вмісту. Я використовую висоту 510px, так …

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 на 100% від висоти екрана браузера, але проблема полягає в тому, що …

172 css  html  height  overflow 

У мене є питання, як досягти висоти діва. Я в курсі .height()і innerHeight(), але жоден з них не робить роботу для мене в цьому випадку. Річ у тім, що в цьому випадку у мене є div, який переповнює ширину і переповнює: прокрутка, і div має фіксовану висоту. Якщо я використовую …

160 jquery  height  overflow 

Який найпростіший спосіб виявити, чи був елемент переповнений? Мій випадок використання полягає в тому, що я хочу обмежити певне поле вмісту таким чином, щоб воно було висотою 300 пікс. Якщо внутрішній вміст вище цього, я відрізаю його переливом. Але якщо вона переповнена, я хочу показати кнопку "більше", але якщо ні, …

153 javascript  css  overflow 

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

150 javascript  css  scroll  overflow  css-position 

У мене є 3 рівні div: (Зеленим кольором внизу) Верхній рівень divс overflow: hidden. Це тому, що я хочу, щоб якийсь вміст (не показаний тут) всередині цього вікна був обрізаний, якщо він перевищує розмір поля. (Червоним кольором внизу) Всередині цього я маю divс position: relative. Єдине використання для цього - …

143 css  overflow  css-position 

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

142 css  overflow  viewport  mobile-browser 

Я хочу показати примітку про умови на своєму веб-сайті. Я не хочу використовувати текстове поле, а також не хочу використовувати всю свою сторінку. Я просто хочу відобразити свій текст у вибраній області і хочу використовувати лише вертикальну смугу прокрутки, щоб спуститися вниз і прочитати весь текст. В даний час я …

136 css  html  overflow