2012-05-04 17 views

Odpowiedz

91

Możesz go używać w ten sposób, mam nadzieję, że teraz nie otrzymasz przestarzałej wiadomości.

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

Jak wskazano przez @ThiefMaster zaleca się umieścić width i valign CSS (uwaga: CSS nazywa vertical-align).

1)

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

2) Możemy uczynić klasę CSS jak ten, jest bardziej elegancki sposób

W sekcji stylu

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

W sekcji HTML

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

Dlaczego nie przenieść również 'width' i' valign' do CSS? – ThiefMaster

+0

Dobra sugestia pozwól mi to zrobić – Adil

3

Mimo że CSS definiuje właściwość text-wrap, nie jest obsługiwana przez żadną większą przeglądarkę, ale być może bardzo dobrze obsługiwana właściwość white-space rozwiązuje problem.

9

Istnieje kilka ways to try to prevent line breaks, a wyrażenie "nowsza konstrukcja" może odnosić się do więcej niż jednego sposobu - jest to właściwie najrozsądniejsza interpretacja. Prawdopodobnie myślą głównie o deklaracji CSS white-space:nowrap i prawdopodobnie o znaku pustej przestrzeni. Różne sposoby są równoważne, dalekie od tego, zarówno w teorii, jak i szczególnie w praktyce, chociaż w niektórych przypadkach różne sposoby mogą dawać taki sam rezultat.

Prawdopodobnie nic nie zyskuje się, przechodząc z atrybutu HTML na nieco bardziej niezgrabny sposób CSS, a na pewno stracisz, gdy arkusze stylów zostaną wyłączone. Ale nawet atrybut nowrap nie działa we wszystkich sytuacjach. Ogólnie rzecz biorąc, najszerzej działa to znacznik nobr, który nigdy nie trafił do żadnej specyfikacji, ale żyje i kopie: <td><nobr>...</nobr></td>.

+1

'' '' '' '' '' '' '' '' '' breaks spec "i generalnie jest źle widziana. Nie wszystkie przeglądarki mają gwarancję jego obsługi. Kontrola owijania jest z definicji zadaniem CSS. [Więcej informacji] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nobr) – Zenexer

+2

@Zenexer, 'nobr' jest obsługiwany przez wszystkie przeglądarki. Do obsługi CSS nie jest wymagana przeglądarka, a niektóre nie, przynajmniej w niektórych okolicznościach.Ponieważ HTML ma element * wymuszający * podział wiersza, logiczne jest, że ma on (tak jak faktycznie zaimplementowano) także element * zapobiegający * łamaniu linii. –

+0

Użycie '
' również jest ogólnie mile widziane. ;) – Zenexer

1

Jeśli HTML i używają bootstrap, mają one helper class.

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