Jak zapobiec podziałowi linii w kolumnie komórki tabeli (a nie pojedynczej komórce)?

Question

Jak mogę zapobiec automatycznym podziałom linii w kolumnie tabeli (nie pojedynczej komórce)?

Answer 1

można używać stylów CSS white-space:

white-space: nowrap; 

Answer 2

Używaj stylu nowrap:

<td style="white-space:nowrap;">...</td> 

To CSS!

Answer 3

<td style="white-space: nowrap"> 

Uważam, że atrybut nowrap jest przestarzały. Powyższy jest preferowanym sposobem.

Answer 4

Istnieje kilka sposobów, aby to zrobić; żaden z nich nie jest łatwym, oczywistym sposobem.

Zastosowanie białej przestrzeni: nowrap do <col> nie będzie działać; tylko cztery właściwości CSS działają na elementach <col> - kolor tła, szerokość, granica i widoczność. IE7 i wcześniej używane do obsługi wszystkich właściwości, ale to dlatego, że użyli dziwnego modelu tabeli. IE8 pasuje teraz do wszystkich pozostałych.

Jak rozwiązać ten problem?

Cóż, jeśli możesz zignorować IE (w tym IE8), możesz użyć pseudoklasu :nth-child(), aby wybrać poszczególne <td> s z każdego rzędu. Używałbyś td:nth-child(2) { white-space:nowrap; }. (Działa to w tym przykładzie, ale może się zepsuć, jeśli w grę wchodziły jakieś wiersze poleceń lub colspany.)

Jeśli musisz wspierać IE, musisz przejść długą drogę i zastosować klasę do każdego <td>, chcesz wpłynąć. To jest do bani, ale to są przerwy.

W dłuższej perspektywie istnieją propozycje naprawienia tego braku w CSS, dzięki czemu można łatwiej zastosować style do wszystkich komórek w kolumnie. Będziesz mógł zrobić coś takiego, jak td:nth-col(2) { white-space:nowrap; } i zrobi to, co chcesz.

Answer 5

Na litość realizacji:

#table_id td:nth-child(2) {white-space: nowrap;} 

Służy do nakładania styl kolumnie 2 the table_id tabeli.

Jest to obsługiwane przez wszystkie główne przeglądarki, IE zaczęło wspierać to od IE9.

Answer 6

Umieszczaj nietujące spacje w tekście, zamiast normalnych spacji. W Ubuntu robię to za pomocą klawisza (Compose Key) -space-space.

Answer 7

aby zastosować go do całej tabeli, można umieścić go w tagu table:

<table style="white-space:nowrap;">

Answer 8

<table class="blueTable"> 
    <tr> 
     <td>My name is good</td> 
    </tr> 
</table>  
table.blueTable td, table.blueTable th {border: 1px solid #AAAAAA;padding: 3px 2px;white-space: nowrap;text-align: left; 
} 

Jest to wykorzystanie przykładem białym własności przestrzeni z wartości nowrap The bluetable jest klasa tabeli, pod tabelą są style CSS: