3

私はテーブルを持っており、いくつかのセル内には少数<span>の があり、<td>これらのスパンを含むには を持つクラスがありword-wrap: break-word; white-space: normal;ます。

言い換えると：<td class="breakit"><span>foo</span><span>bar</span></td>

と：.breakit{ word-wrap: break-word; white-space: normal; }

ブラウザをどれだけ縮小しても、スパンを壊すことはありません!

なんで？

4

1 に答える 1

3

なぜ？fooとbarの間に空白がないためです。

スペースを入れるか、HTMLのバースパンを1行下に移動すると、壊れます。

更新 私は本当の理由を見つけたと思います：

「テーブルの幅をどのように指定しても、各テーブルには最小サイズがあり、そのサイズより小さく表示されることはありません。最小サイズは、各セルの最長の1ワードの長さによって計算されます。」にあります：http ：//www.devx.com/projectcool/Article/17870/0/page/9

...このルールは各セルに適用されるように見えます。つまり、セルの最小幅は、セル内の最長の単語によって決まります。

（これは、一般的なレイアウト目的でテーブルを使用しないもう1つの理由です）。

于 2012-05-08T22:56:22.233 に答える