Desbordamiento de CSS: ¿oculto ocultando las viñetas de una lista?
Acabo de notar algo gracioso. Digamos que tengo una lista HTML:
<ol>
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
<li>sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula.</li>
</ol>
Y este CSS:
li {
white-space: nowrap;
overflow: hidden;
}
El texto largo en el último elemento se corta de hecho cuando se sale del ancho del contenedor, como se esperaba. ¡PERO! Los números de elementos de la lista se ven afectados poroverflow
propiedad también y no se muestran.
Sin embargo, modificando el CSS así:
ol {
overflow: hidden;
}
li {
white-space: nowrap;
}
funciona según lo previsto (el texto no saldrá del contenedor, pero se muestran los elementos de la lista). Al menos todo esto es cierto para Firefox 4 beta10.
¿No crees que la numeración se ve afectada por eloverflow
es un poco ilógico? ¿Por qué sucedería eso? ¿Es el comportamiento de los asistentes? ¿Está en la especificación o es solo una rareza que alguien olvidó tratar?