2011-04-01 31 views
10

¿Cómo obtendría tres tramos para sentarse uno al lado del otro en lugar de ir a la siguiente línea sin usar float en CSS? entonces necesito que los tres aparezcan uno al lado del otro ... o si hay otro método sin usar flotador. ¡Gracias!SPAN uno al lado del otro SIN flotador

<span style="display:block; width:33%;">Test1</span> 
<span style="display:block; width:33%;">Test2</span> 
<span style="display:block; width:33%;">Test2</span> 
+0

¿Por qué no puedes usar float? Esto es exactamente para lo que está destinado. (Y el soporte de bloque en línea es bastante escamosa) –

+1

@David, el soporte de bloque en línea debería estar bien. Creo que IE solo tiene problemas cuando el elemento es naturalmente un elemento de nivel de bloque. –

+0

@ Box9 Eso es realmente útil saber. ¿Entonces se puede usar en 'span's en cualquier momento? –

Respuesta

27

display: inline-block; o su visualización natural (por defecto) de la línea .. aunque se puede dar el inline-block una anchura y altura

+0

qué pasa si el contenido de texto se desborda. –

3

Trate display: inline-block; lugar.

1

Sí Por defecto Los espacios se mostrarán uno al lado del otro, todo depende del ancho del elemento que los contiene. Si alguien modificara el tamaño del navegador o redujese el div que contiene, sería un salto de línea.

Cuestiones relacionadas