html - HTML テーブル - IE がハイフンで改行しないようにする方法

Question

2009-01-01 のように書式設定された日付を含むテーブルセルがいくつかあります。IE 7 では、これらがハイフンで 2 行に分割されているようです。これをオフにする方法はありますか？

score 20 · Accepted Answer

white-spaceプロパティを探しています。これにより、空白と改行が要素のコンテンツにどのように影響するかを制御できます。空白シーケンスを折りたたむが改行を防ぐには、次のnowrap値を使用できます。

.dates {
    white-space: nowrap;
}

<td class="dates">2009-01-01</td>

score 11 · Accepted Answer

より良い CSS の方法があると確信していますが、古い方法は改行なしです。しかし、改行...なしを使用すると、次の行に何も移動しません。

もう 1 つの方法は、非改行ハイフンを使用することです。このようにして、ハイフンではなく、折り返しを取得できます。

score 9 · Accepted Answer

この CSS を使用します。

.nowrap {
    white-space: nowrap;
}

日付を次のようにラップします2009-01-01。

編集: 他のソリューションに対するこのソリューションの利点は、ラップする必要があるものとラップしないものをより正確に制御できることです。セルは、スパンの外側でスペースやその他のハイフンを折り返すことがあります。

score 2 · Accepted Answer

私はこれらすべての提案を試しました。何も機能しませんでした。別のStackOverflowページで解決策を見つけました：ハイフンの後に改行はありません。ブレークしないハイフンのコードを使用できます‑。

score 0 · Accepted Answer

これはあなたの質問に答える正しい方法ではありませんが、これが私のやり方です：

<td>Hello&nbsp;-&nbsp;World</td>

<style>または class 属性を追加する必要がないため、この方法の方が気に入っています。また、ブラウザによって行が折り返されないように、テキストを1 つの文字列にします。

私が言ったように、ほとんどの人は反対するでしょうが、これは実用的な解決策が標準的な解決策よりも優れていると思います.

score 0 · Accepted Answer

0

TD のサイズを大きくしても問題ありません

于 2010-04-28T18:12:20.857 に答える

score 0 · Accepted Answer

私のばかげた間違いは、パディングで間隔を設定するときに、間にスペースを入れるのを忘れていたことです。私は好きだったし、思っていたようBla 1Bla 2Bla 4
にラインを壊していなかった。だから今私は持っています：
Bla 1 Bla 2 Bla 4
もちろん、それは期待通りに機能します。

多分私の間違いは誰かを助けるでしょう....

html - HTML テーブル - IE がハイフンで改行しないようにする方法

7 に答える 7

Related

Reference