CSS: elemento de límite en 1 línea

Question

Quiero limitar un elemento para que se muestre solo 1 línea de texto, con el resto oculto (desbordamiento: oculto), sin establecer una altura específica. ¿Es esto posible solo con CSS?

Answer 1

Es posible:

element (white-space: nowrap; overflow: scroll;) 

texto analiza como HTML o XML se tokenized, lo que significa que todas las carreras de los espacios en blanco se derrumbó a un único carácter de espacio. Esto significa que tendrá una sola línea de texto a menos que especifique algo además de la declaración de desbordamiento que podría hacer que su texto se ajuste.

EDITAR: No incluí el espacio de escritura necesario: propiedad nowrap, de lo contrario, el valor predeterminado es que un contenedor se desplazará verticalmente en lugar de horizontalmente.

Answer 2

Si está buscando deshabilitar el ajuste de texto, use white-space: nowrap;.

Answer 3

p#foo { 
    white-space:nowrap; 
    overflow:hidden; 
} 

Answer 4

use el bloque de visualización para que no vaya más allá de su elemento primario.

p#foo{ 
    white-space: nowrap; 
    overflow: hidden; 
    display: block; 
    text-overflow: ellipsis; 
}