表のセルに省略記号が表示されないのはなぜですか?

表のセルに省略記号が表示されない

指定された HTML 表では、通常、セル内のテキストが定義された値を超える場合に省略記号が表示されます。幅。ただし、提供された例のテキストは期待どおりに切り詰められません。

問題の調査

出力を検査すると、セル幅が 139 ピクセルとして報告されます。コンテンツは指定された 50 ピクセルより幅が広い必要があります。 CSS スタイルを調べると、次の設定があることがわかります。

省略記号に必要なプロパティがすべて存在しているようです。では、なぜ機能しないのでしょうか?

解決策 1: 表示: ブロック

解決策の 1 つは、次のプロパティを CSS に追加することです:

これにより、表のセルの表示タイプが明示的にブロックレベルに設定され、セルが独立したコンテナのように動作し、 ellipsis.

解決策 2: テーブル レイアウトと幅

もう 1 つの方法は、table-layout:fixed; を設定することです。テーブルの幅を定義するだけでなく、

これにより、テーブルに固定レイアウトが強制され、その幅が明示的に設定され、コンテンツの幅がセル幅の計算に影響を与える可能性がある問題が回避されます。

以上が表のセルに省略記号が表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。