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.
È 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 …
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; } …
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> …
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 …
È 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 …
Di seguito è riportato il mio codice e voglio capire perché #firstDiv viene spinto verso il basso da tutti i browser. Voglio davvero capire il funzionamento interiore del fatto che è stato spinto verso il basso anziché tirarlo verso l'alto in un modo o nell'altro. (e so come allineare le …
Quindi attualmente ho: #div { position: relative; height: 510px; overflow-y: scroll; } Tuttavia, non credo che per alcuni utenti sarà ovvio che ci sono più contenuti lì. Potrebbero scorrere verso il basso la pagina senza sapere che il mio div in realtà contiene molti più contenuti. Uso l'altezza 510px in …
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 …
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 …
Ho una domanda su come ottenere un'altezza div. Ne sono consapevole .height()e innerHeight(), in questo caso, nessuno di loro fa il lavoro per me. Il fatto è che in questo caso ho un div che è troppo pieno e uno troppo pieno: scorri e il div ha un'altezza fissa. Se …
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, …
In realtà ho due problemi, ma consente di risolvere prima il problema principale poiché credo che l'altro sia più facile da affrontare. Ho un div di posizione fissa sul lato sinistro dello scorrimento per un menu. Il lato destro è un div standard che scorre correttamente. Il problema è che …
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 …
Ho un sito web qui . Vista in un browser desktop, la barra dei menu nera si estende correttamente solo al bordo della finestra, poiché bodyha overflow-x:hidden. In qualsiasi browser mobile, sia Android che iOS, la barra dei menu nera mostra la sua larghezza massima, il che porta spazi bianchi …
Voglio mostrare termini e condizioni sul mio sito web. Non voglio usare il campo di testo e non voglio usare tutta la mia pagina. Voglio solo mostrare il mio testo nell'area selezionata e voglio usare solo la barra di scorrimento verticale per andare giù e leggere tutto il testo. Attualmente …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.