ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML 長いテキストが tag_HTML/Xhtml_Web ページ制作の幅を超えた場合に自動的にインターセプト

HTML 長いテキストが tag_HTML/Xhtml_Web ページ制作の幅を超えた場合に自動的にインターセプト

WBOY
リリース: 2016-05-16 16:40:55
オリジナル
1347 人が閲覧しました

長いテキストを表示する場合、C# 側で文字をインターセプトする必要があることがよくありますが、長いテキストには HTML タグが付けられていることが多く、うまく読み込まないと文字化けが発生します。 (半分の HTML マークが表示されます)、より良い方法は、CSS を使用してこの機能を実装することです。
コンテンツが制限を超えた場合、span タグは連続行の折り返しを強制します

コードをコピーします
コードは次のとおりです:

white-space:nowrap;white-space:norma;display:inline-block;

自動非表示を超えて英語側を継続的に表示します (ブロック要素内にある必要があります)

コードをコピーします
コードは次のとおりです:

overflow:hidden;white-space:nowrap;

テキストの後に... を追加する場合は、 text-overflow: ellipsis;を使用できます。一般 主要なブラウザはこの属性をサポートしています

コードをコピーします
コードは次のとおりです

.tbconxx {
float: left;
width: 255px;
padding: 5px 10px;
パディング左: 7px;
テキスト - 省略記号;
表示: ブロック;
幅: 240 ピクセル; >}


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