HTML の長いテキストは、タグの幅を超えると自動的に切り捨てられます。
|
長いテキストを表示する場合、C# 側で文字をインターセプトする必要があることがよくありますが、長いテキストは HTML タグで表されることが多いため、これは決して良いことではありません。適切に読み込まれないと、文字化けした文字が表示されます (HTML タグの半分が表示されます)。より良い方法は、この機能を CSS で実装することです。 span タグが制限を超えると、コンテンツは自動的に折り返されます。 コードをコピー コードは次のとおりです。white-space:nowrap;white-space:norma;display:inline-block; 行が自動的に非表示になる領域を超えると、行には表示されません（ブロック要素内にある必要があります） コードをコピー コードは次のとおりです。オーバーフロー:非表示;空白:折り返しなし; テキストの後に...を追加したい場合は、text-overflow: ellipsisを使用できます。ほとんどの主流ブラウザはこの属性をサポートしています。 コードをコピー コードは次のとおりです。.tbconxx { フロート: 左; 幅: 255px; パディング: 5px 10px; } .tbconxx li、tbconxx span { 左パディング: 7px; テキストオーバーフロー: 省略記号; オーバーフロー: 非表示; 表示: ブロック; 空白: ラップなし; 幅: 240ピクセル; } これにより、制限を超えたテキストが自動的に非表示になります。 |
推薦する
JavaScript の setTimeout() の使用法の概要
目次1. はじめに2. setIntervalとsetTimeoutの違い3.タイムアウトを設定する...
CSS マージンの重複と解決策の探索の詳細な説明
最近、CSS 関連の知識ポイントをいくつか見直し、CSS における典型的なマージンの重なりの問題を整...
Zabbix が MySQL のマスター/スレーブ状態を監視する方法の詳細な説明
MySQLマスタースレーブを設定した後、スレーブの状態が正常かどうかわからないことが多く、例外が発生...
Nginx の場所と proxy_pass パスの設定の問題の概要
目次1. Nginxロケーションの基本設定1.1 Nginx 設定ファイル1.2 Pythonスクリ...
Vue.jsで実装されたカレンダープラグインの使い方を詳しく説明します
本日実装する機能は、以下の機能です。vue.js シミュレーションカレンダープラグインさて、もう無駄...
Vueはデータを初期状態にリセットします
場合によっては、データ内のデータを再利用する必要がありますが、データ内のデータはさまざまなフォーム、...
JavaScript 配列重複排除ソリューション
目次方法1: set: データ型ではなくデータ構造であり、メンバーは一意である方法2: オブジェクト...
ウェブサイトのコードブロックのpreタグにコピーコードボタンコードを追加します
他のよりプロフェッショナルなブログ システムを参照すると、コード ブロックにコードのコピー ボタンが...
MySQL でのバイナリ型操作
この記事は主にMySQLデータベースのバイナリ型操作を紹介し、具体的な内容を通して紹介します。MyS...
HTML 画像 img にハイパーリンクを追加した後の醜い青い境界線の問題を解決する
HTML画像にハイパーリンクを追加すると醜い青い枠線が表示される次のように：解決： CSS スタイル...
MySQL累積計算実装方法の詳しい説明
目次序文需要分析MySQL ユーザー変数累積計算にMysqlユーザー変数を使用する要約するこの記事で...
Ubuntu 18.04 Server に静的 IP を設定する方法
1. 背景Netplan は、Ubuntu システムのネットワーク設定を簡単に管理および構成できるよ...
CentOS 6.5 に MySQL 5.6 をインストールするチュートリアル
1. Linuxに対応するRPMパッケージをダウンロードする5.6 より前のバージョンhttp://...
mysql 8.0.16 winx64 および Linux でルート ユーザーのパスワードを変更する方法
データベースへの接続などの基本的な操作はご自身で行ってください。この記事ではパスワードの変更方法を中...
docker version es、milvus、minio 起動コマンドの詳細な説明
1. es起動コマンド: docker run -itd -e TAKE_FILE_OWNERSHI...