как предотвратить разрыв строки в столбце ячейки таблицы (не одной ячейки)?

<p>как я могу предотвратить автоматические разрывы строк в столбце таблицы (не одной ячейке)?</p>

<p>вы можете использовать пустое пространство в стиле css:</p><pre><code>white-space: nowrap; </code></pre>

<p>ради завершения:</p><pre><code>#table\_id td:nth-child(2) {white-space: nowrap;} </code></pre><p>используется для применения стиля к столбцу 2 таблицы <code>the table\_id</code>.</p><p>это поддерживается всеми основными браузерами, ie начал поддерживать это начиная с ie9 и далее.</p>

<p>используйте стиль nowrap:</p><pre><code><td style="white-space:nowrap;">...</td> </code></pre><p>это css!</p>

<p>есть несколько способов сделать это; ни один из них не является простым, очевидным способом.</p><p>применение пробела: nowrap к <code><col></code> не будет работать; только четыре свойства css работают с элементами <code><col></code> - цвет фона, ширина, границы и видимость. ie7 и более ранние версии поддерживали все свойства, но это потому, что они использовали странную табличную модель. ie8 теперь соответствует всем остальным.</p><p>итак, как вы решаете это?</p><p>что ж, если вы можете игнорировать ie (включая ie8), вы можете использовать псевдокласс <code>:nth-child()</code> для выбора конкретных <code><td></code> из каждой строки. вы бы использовали <code>td:nth-child(2) { white-space:nowrap; }</code>. (это работает для этого примера, но сломалось бы, если бы у вас были какие-либо строки или colspans.)</p><p>если вам нужно поддерживать ie, то вам придется пройти долгий путь и применить класс к каждому <code><td></code>, на который вы хотите повлиять. это отстой, но это перерывы.</p><p>в конечном счете, есть предложения по устранению этого недостатка в css, чтобы вы могли легче применять стили ко всем ячейкам в столбце. вы сможете сделать что-то вроде <code>td:nth-col(2) { white-space:nowrap; }</code>, и это будет делать то, что вы хотите.</p>

<pre><code><td style="white-space: nowrap"> </code></pre><p>я считаю, что атрибут <code>nowrap</code> устарел. вышеуказанный способ является предпочтительным.</p>

<p>поместите неразрывные пробелы в ваш текст вместо обычных пробелов. в ubuntu я делаю это с помощью (compose key) -space-space.</p>

<p>просто добавь</p><pre><code>style="white-space:nowrap;" </code></pre><p>пример:</p><pre><code><table class="bluetable" style="white-space:nowrap;"> <tr> <td>my name is good</td> </tr> </table> </code></pre>

<p>чтобы применить его ко всей таблице, вы можете поместить его в тег <code>table</code>:</p><p><code><table style="white-space:nowrap;"></code></p>