2012-05-04 13 views

Respuesta

91

Puede usarlo así, espero que no reciba un mensaje obsoleto ahora.

<td valign="top" style="white-space:nowrap" width="237"> 

Como se ha señalado por @ThiefMaster se recomienda poner width y valign a CSS (nota: CSS llama vertical-align).

1)

<td style="white-space:nowrap; width:237px; vertical-align:top;"> 

2) podemos hacer una clase CSS de este tipo, es más elegante manera

En la sección de estilo

.td-some-name 
{ 
    white-space:nowrap; 
    width:237px; 
    vertical-align:top; 
} 

En la sección HTML

<td class="td-some-name"> 
+2

¿Por qué no mover 'width' y' valign' en CSS también? – ThiefMaster

+0

Buena sugerencia, déjame hacer eso – Adil

3

Aunque CSS define una propiedad text-wrap, no es compatible con ningún navegador importante, pero la propiedad white-space, que es ampliamente compatible, resuelve su problema.

9

Hay varios ways to try to prevent line breaks, y la frase "un constructo más nuevo" podría referirse a más de una forma: esa es en realidad la interpretación más razonable. Probablemente piensen principalmente en la declaración de CSS white-space:nowrap y posiblemente en el carácter de espacio sin interrupción. Las diferentes formas son no equivalente, lejos de eso, tanto en teoría como especialmente en la práctica, aunque en algunos casos dados, las diferentes maneras pueden producir el mismo resultado.

Probablemente no haya nada real que ganar al cambiar del atributo HTML al modo CSS algo torpe, y seguramente perderá cuando las hojas de estilo estén deshabilitadas. Pero incluso el atributo nowrap no funciona en todas las situaciones. En general, lo que funciona más ampliamente es el marcado nobr, que nunca ha llegado a ninguna especificación, pero está vivo y coleando: <td><nobr>...</nobr></td>.

+1

Usando '' rompe la especificación y generalmente está mal visto. No todos los navegadores están garantizados para admitirlo. El control de envoltura es una tarea para CSS por definición. [Más información] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nobr) – Zenexer

+2

@Zenexer, 'nobr' en realidad es compatible con todos los navegadores. No se requiere navegador para admitir CSS, y algunos no lo hacen, al menos en algunas circunstancias.Como HTML tiene un elemento para * forzar * un salto de línea, es lógico que tenga (como realmente se implementó) también un elemento para * prevenir * saltos de línea. –

+0

El uso de '
' generalmente está desaprobado. ;) – Zenexer

1

Si HTML y utiliza bootstrap tienen un helper class.

<span class="text-nowrap">1-866-566-7233</span> 
Cuestiones relacionadas