表内のコンテンツオーバーフローのレイアウト方法について

コンテンツオーバーフローとは何ですか?実際、テキストが大量にある場合、コンテンツ領域がそれだけの長さであれば、余分な部分はドットに置き換えられます。

今回取り上げるケースは表です。表にテキストコンテンツを入力しすぎると、行が長くなりすぎたり、自動的に折り返されたりするなど、表が乱れることがわかっています。しかし、固定幅の行に表示したいだけの場合もあります。余分な部分がある場合は、テーブルが乱雑にならないように、ドットで置き換えることができます。それで何をすればいいのでしょうか?

一般的には次のような属性を使用します

まず、2 番目のスタイルは、テーブル タグに具体的に追加されます。コンテンツのオーバーフローを実現するには、テーブルの幅と高さを固定する必要があり、テーブル内の tr と td の幅と高さも固定する必要があります。コンテンツ オーバーフローを使用する前に、テーブルに table-fix クラスを追加します。次に、tr と td に幅があるかどうかを確認します。ない場合は、幅を指定するのが最善です。幅は固定またはパーセンテージで指定できます。私は主にパーセンテージを指定します。外側のテーブルには固定幅があり、内側の tr と td にはパーセンテージ幅があります。このようにして、コンテンツ オーバーフロー スタイルを使用できます。最後に、グリッド内に多くのコンテンツがあり、ドットを実装したい場合は、このグリッドに .txt-ell クラスを追加します。

上記のテーブル内のコンテンツオーバーフローレイアウト方法に関する記事は、エディターが皆さんと共有するすべての内容です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

オリジナルURL: http://www.cnblogs.com/hanyining/archive/2016/05/25/5527668.html