2012-05-04 10 views

Antwort

91

Sie können es so verwenden, ich hoffe, Sie werden jetzt keine veraltete Nachricht bekommen.

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

Wie bereits von @ThiefMaster empfiehlt es sich width und valign zu CSS zu setzen (Anmerkung: CSS nennt es vertical-align).

1)

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

2) Wir können eine CSS-Klasse wie dies machen, ist es elegante Weise

In Stil Abschnitt

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

In HTML-Abschnitt

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

Warum verschieben Sie nicht auch die 'width' und' valign' in das CSS? – ThiefMaster

+0

Guter Vorschlag lassen Sie mich das tun – Adil

3

Obwohl es CSS gibt, definiert eine text-wrap Eigenschaft, es wird nicht von einem großen Browser unterstützt, aber möglicherweise white-space Eigenschaft erheblich unterstützt Ihr Problem.

9

Es gibt mehrere ways to try to prevent line breaks, und die Phrase "ein neueres Konstrukt" könnte sich auf mehr als eine Weise beziehen - das ist eigentlich die vernünftigste Interpretation. Sie denken wahrscheinlich meistens an die CSS-Deklaration white-space:nowrap und möglicherweise an das Leerzeichen ohne Leerzeichen. Die verschiedenen Möglichkeiten sind nicht Äquivalent, weit davon entfernt, sowohl in der Theorie als auch besonders in der Praxis, obwohl in einigen gegebenen Fall, verschiedene Wege das gleiche Ergebnis produzieren könnte.

Es ist wahrscheinlich nichts wirklich zu gewinnen, wenn man vom HTML-Attribut auf die etwas schwerfälligere CSS-Methode umschaltet und man würde sicherlich verlieren, wenn Stylesheets deaktiviert werden. Aber auch das Attribut nowrap funktioniert nicht in allen Situationen. Was am meisten funktioniert, ist im Allgemeinen das nobr Markup, das nie seinen Weg zu irgendwelchen Spezifikationen gefunden hat, aber lebendig und munter ist: <td><nobr>...</nobr></td>.

+1

Mit '' bricht spec und ist in der Regel verpönt. Nicht alle Browser unterstützen dies garantiert. Das Wrapping-Steuerelement ist per Definition eine Aufgabe für CSS. [Mehr Infos] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nobr) – Zenexer

+2

@Zenexer, 'nobr' wird tatsächlich von allen Browsern unterstützt. Kein Browser wird benötigt, um CSS zu unterstützen, und einige nicht, zumindest unter bestimmten Umständen.Da HTML ein Element zum * forcieren * eines Zeilenumbrüchens hat, ist es nur logisch, dass es (wie tatsächlich implementiert) auch ein Element zum * Verhindern * von Zeilenumbrüchen enthält. –

+0

'
' ist in der Regel auch verpönt. ;) – Zenexer

1

Wenn HTML und Bootstrap verwenden, haben sie eine helper class.

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