Domande taggate «overflow»

Overflow è una proprietà CSS che governa ciò che accade se il contenuto supera il suo riquadro contenitore. Non utilizzare questo tag per bug e vulnerabilità di overflow del buffer dello stack; usa [buffer-overflow] e / o [stack-smash] invece.

13
Limita la lunghezza del testo a n righe usando CSS
È possibile limitare una lunghezza del testo a "n" righe usando CSS (o tagliarlo quando trabocca verticalmente). text-overflow: ellipsis; funziona solo per 1 riga di testo. testo originale: Ultrices natoque mus mattis, aliquam, cras in pellentesque tincidunt elit purus lectus, vel ut aliquet, elementum nunc nunc rhoncus placerat urna! Sit …
515 css  text  overflow  ellipsis 

11
Overflow del testo CSS in una cella di tabella?
Voglio usare i CSS text-overflowin una cella di tabella, in modo tale che se il testo è troppo lungo per adattarsi a una riga, si aggancerà con un puntino di sospensione anziché avvolgersi su più righe. È possibile? Ho provato questo: td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } …
501 css  overflow 

6
CSS overflow-x: visibile; e overflow-y: nascosto; causando problemi con la barra di scorrimento
Supponiamo di avere un certo stile e il markup: 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> …
455 html  css  overflow 

16
CSS overflow del testo: puntini di sospensione; non funziona?
Non so perché questo semplice CSS non funzioni ... .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> Esegui snippet …
368 overflow  ellipsis  css 

18
Come posso verificare se una barra di scorrimento è visibile?
È possibile verificare la presenza overflow:autodi un div? Per esempio: 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'): } } }); A volte …
277 jquery  scroll  overflow 



18
CSS: tronca le celle della tabella, ma si adatta il più possibile
Incontra Fred. Lui è un tavolo: <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> L'appartamento di Fred ha una strana abitudine di cambiare dimensione, quindi ha imparato a nascondere parte del suo contenuto in modo da non spingere tutte le altre unità e …

15
Div altezza 100% e si espande per adattarsi al contenuto
Ho un elemento div sulla mia pagina con la sua altezza impostata al 100%. Anche l'altezza del corpo è impostata al 100%. Il div interno ha uno sfondo e tutto ciò che è diverso dallo sfondo del corpo. Questo funziona per rendere l'altezza div al 100% dell'altezza dello schermo del …
172 css  html  height  overflow 


14
Verifica se il contenuto di un elemento è pieno?
Qual è il modo più semplice per rilevare se un elemento è stato traboccato? Il mio caso d'uso è, voglio limitare una determinata casella di contenuto per avere un'altezza di 300 px. Se il contenuto interno è più alto di quello, lo taglio con un overflow. Ma se è traboccato, …
154 javascript  css  overflow 


4
CSS: Come avere posizione: div assoluto all'interno di una posizione: div relativo non essere ritagliato da un overflow: nascosto su un contenitore
Ho 3 livelli di div: (In verde sotto) Un livello superiore divcon overflow: hidden. Questo perché voglio che alcuni contenuti (non mostrati qui) all'interno di quella scatola vengano ritagliati se supera le dimensioni della scatola. (In rosso sotto) All'interno, ho divcon position: relative. L'unico uso per questo è per il …



Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.