ホームページ > ウェブフロントエンド > htmlチュートリアル > td は最大 2 行まで表示_html/css_WEB-ITnose

td は最大 2 行まで表示_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:39:29
オリジナル
1968 人が閲覧しました

バインドされたデータは 2 行未満または 2 行を超える場合があります。 2行を超える場合は、2行を超える部分を表示させず、2行のみを塗りつぶします


ディスカッションへの返信(解決策)

背景に書き込みます。三項演算子 rows.count>2 を使用して「表示部分」:

をすべて表示し、バックグラウンドで判断して書き込みます。三項演算子を使用 rows.count>2 「表示部分」: すべて表示



ああ、うまく表現できませんでした。 1 行のテキストの長さに問題があり、その列の幅が固定値に設定されているため、テキストが長い場合は 2 行以上に表示されます。これはスタイルで解決できるのでしょうか? tr の高さの設定が機能しません。

CSS は幅を超える自動行折り返しの問題を解決できます。 word-wrap:break-word; word-break:break-all; まず幅と高さを固定し、次に単語数を超えているかどうかを判断します。バイト数

それを超える場合は、overflow :hidden; text-overflow:ellipsis; を使用して省略記号に置き換えます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート