Preguntas etiquetadas con overflow

¿Es posible limitar la longitud de un texto a "n" líneas usando CSS (o cortarlo cuando se desborda verticalmente)? text-overflow: ellipsis; solo funciona para texto de 1 línea. texto original: Ultrices natoque mus mattis, aliquam, cras en pellentesque tincidunt elit purus lectus, vel ut aliquet, elementum nunc nunc rhoncus placerat …

515 css  text  overflow  ellipsis 

Quiero usar CSS text-overflowen una celda de la tabla, de modo que si el texto es demasiado largo para caber en una línea, se recortará con puntos suspensivos en lugar de ajustarse a varias líneas. es posible? Intenté esto: td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } Pero white-space: …

501 css  overflow 

Supongamos que tiene algo de estilo y el marcado: 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 

No sé por qué este simple CSS no está funcionando ... .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 

¿Es posible verificar el overflow:autode un div? Por ejemplo: 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 veces el …

277 jquery  scroll  overflow 

El siguiente es mi código y quiero entender por qué #firstDiv está siendo empujado hacia abajo por todos los navegadores. Realmente quiero entender el funcionamiento interno del hecho de que se está empujando hacia abajo en lugar de tirar hacia arriba de una manera u otra. (y sé cómo alinear …

238 overflow  css 

Entonces actualmente tengo: #div { position: relative; height: 510px; overflow-y: scroll; } Sin embargo, no creo que sea obvio para algunos usuarios que haya más contenido allí. Podrían desplazarse hacia abajo en la página sin saber que mi div en realidad contiene mucho más contenido. Utilizo la altura 510px para …

224 css  macos  scroll  overflow 

Conoce a Fred El es una mesa: <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> El departamento de Fred tiene la extraña costumbre de cambiar de tamaño, por lo que aprendió a ocultar parte de su contenido para no empujar a todas las …

223 html  css  overflow  tablelayout 

Tengo un elemento div en mi página con su altura establecida al 100%. La altura del cuerpo también se establece en 100%. El div interno tiene un fondo y todo eso y es diferente del fondo del cuerpo. Esto funciona para hacer que la altura del div sea el 100% …

172 css  html  height  overflow 

Tengo una pregunta sobre cómo obtener una altura div. Soy consciente de .height()y innerHeight(), pero ninguno de ellos hace el trabajo por mí en este caso. Lo que pasa es que en este caso tengo un div que se desborda ancho un desbordamiento: desplazarse y el div tiene una altura …

160 jquery  height  overflow 

¿Cuál es la forma más fácil de detectar si un elemento se ha desbordado? Mi caso de uso es, quiero limitar un determinado cuadro de contenido para que tenga una altura de 300 px. Si el contenido interno es más alto que eso, lo corto con un desbordamiento. Pero si …

154 javascript  css  overflow 

En realidad, tengo dos problemas, pero primero resuelva el problema principal, ya que creo que el otro es más fácil de abordar. Tengo una posición fija div en el lado izquierdo del desplazamiento para un menú. El lado derecho es un div estándar que se desplaza correctamente. El problema es …

150 javascript  css  scroll  overflow  css-position 

Tengo 3 niveles de div: (En verde debajo) Un nivel superior divcon overflow: hidden. Esto se debe a que quiero recortar algo de contenido (no mostrado aquí) dentro de ese cuadro si excede el tamaño del cuadro. (En rojo abajo) Dentro de esto, tengo divcon position: relative. El único uso …

144 css  overflow  css-position 

Tengo un sitio web aquí . Visto en un navegador de escritorio, la barra de menú negra se extiende correctamente solo hasta el borde de la ventana, ya que bodytiene overflow-x:hidden. En cualquier navegador móvil, ya sea Android o iOS, la barra de menú negra muestra su ancho completo, lo …

142 css  overflow  viewport  mobile-browser 

Quiero mostrar una nota de términos y condiciones en mi sitio web. No quiero usar el campo de texto y tampoco quiero usar toda mi página. Solo quiero mostrar mi texto en el área seleccionada y quiero usar solo la barra de desplazamiento vertical para bajar y leer todo el …

136 css  html  overflow