Desbordamiento de CSS: oculto ocultando las viñetas de una lista?

Question

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 es de hecho cortaron cuando sale el ancho del contenedor, como se esperaba. ¡PERO! Los números de elemento de la lista también se ven afectados por la propiedad overflow y no se muestran.

Sin embargo, la modificación de la CSS como esto:

ol { 
    overflow: hidden; 
} 
li { 
    white-space: nowrap; 
} 

funciona como está previsto (texto no irá fuera del contenedor, sino que se muestran elementos de la lista). Al menos todo esto es cierto para Firefox 4 beta10.

¿No cree que la numeración que se ve afectada por el overflow es un poco ilógica? ¿Por qué sucedería eso? ¿Es un comportamiento intencionado? ¿Está en la especificación o es solo una rareza con la que alguien olvidó lidiar?

Answer 1

Este es el comportamiento por defecto por lo que soy consciente, si el list-position es outside, balas de un ul y números de un espectáculo ol no importa. Al menos en Firefox recuerdo haberlo visto antes en versiones anteriores.

Answer 2

He visto que mis balas/números se recortan cuando no hay suficiente relleno en el lado izquierdo de la ul. Intente agregar un poco y vea si eso ayuda.

Answer 3

Los navegadores agregan margen y relleno predeterminados a las listas. Intente utilizar un reset.css primero para eliminar los estilos predeterminados de manera que pueda comenzar limpio y fresco sin un comportamiento inesperado. Haz una búsqueda para el reinicio de Eric Meyer. Espero eso ayude.