texto span sirve significado que posicionar parrafos para justificar etiqueta ejemplos contenido centrar alinear html css overflow selector specifications

significado - span html para que sirve



¿CSS*solo*detección de desbordamientos de texto en HTML? (1)

He visto sugerencias sobre el uso de JavaScript para detectar y actuar sobre texto que desborda un elemento HTML. Pero es 2013, así que me preguntaba si tal vez la especificación de CSS tenía una forma de detectar los desbordamientos.

En otras palabras, si tengo un div de tamaño fijo:

<div class="smart-warning" style="width:200px; height:20px; overflow:hidden"> This is my very long text that would overflow the box. </div>

Me gustaría tener un estilo que haría algo si el texto se desbordara, como por ejemplo:

<style> .smart-warning { border:1px solid black } .smart-warning:overflowing { border:1px solid red } </style>

Parece que estaríamos muy cerca de tener algo como esto en CSS pero verter las especificaciones no es mi juego.

Si no existe, ¿crees que sería útil?

¡Gracias!


No tengo conocimiento de ninguna parte de la especificación de CSS, donde esto sería posible. Los selectores de Nivel 4 admiten muchas pseudo-clases nuevas (y algunas muy útiles para verificar estados en elementos de entrada) pero ninguna de ellas es capaz de verificar condiciones como si un cuadro estuviera desbordado. Todavía tienes que hacer esto a través de Javascript.