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ピクセル; } これにより、制限を超えたテキストが自動的に非表示になります。 |
推薦する
要素の幅（高さ）の適応を実現するCSSおよびCSS3の柔軟なボックスモデル
1. CSSは左の固定幅と右の適応幅を実現します1. ポジショニング <!DOCTYPE ht...
MySQL 8.0 に移行する際の注意点 (要約)
パスワードモードPDO::__construct(): サーバーがクライアントに不明な認証方法を要求...
Mysql はテーブル内の古いデータを定期的にクリアし、いくつかのデータを保持します (推奨)
以下の目標を達成するため: Mysql データベースは、一定の間隔 (2 時間または 1 日、カスタ...
イラスト風ウェブサイトホームページデザイン ウェブサイトデザインの新トレンド
視覚効果が非常に美しく、訪問者に強い印象を残すことがわかります。さらに、重要なポイントが強調され、訴...
HTML チュートリアル: よく使われる HTML タグのコレクション (6)
導入された HTML タグは、必ずしも XHTML 仕様に完全に準拠しているわけではありません。実際...
Dockerコンテナの入退出方法の詳細な説明
1 Dockerサービスを開始するまず、docker サービスを開始する方法を知っておく必要がありま...
Linux環境でのshadowsocks+polipoグローバルプロキシの設定
1. シャドウソックスをインストールするsudo apt-get install python-pi...
IDEA は MySQL への接続時にエラーを報告します。サーバーが無効なタイムゾーンを返します。タブに移動して serverTimezone プロパティを設定してください。
これからの道は常に困難で、棘だらけです。歯を食いしばって、乗り越えられると信じてください。さあ、さあ...
Docker イメージのプルとタグ操作 pull | tag
Fabric プロジェクトのソースコードを読み直してみたところ、Docker の部分でよくわからな...
Dockerイメージのインポートとエクスポートの実装
GitLabのDocker使用法gitlab ドッカー起動コマンド docker run -d -p...
Web 開発チュートリアル クロスドメイン ソリューションの詳細な説明
序文この記事では、主にWeb開発のためのクロスドメインソリューションを紹介し、参考と学習のために共有...
タイムライン効果を実現するCSS3
最近、コンピューターの電源を入れたところ、Geek Academy が新規ユーザーに 1 か月の無料...
Vue ルーター vue-router 詳細説明ガイド
中国語ドキュメント: https://router.vuejs.org/zh/ Vue Router...
Vueテクノロジーに基づく再帰コンポーネントの実装方法
説明するこの記事では、Vue テクノロジーに基づいて再帰コンポーネントを実装する方法を紹介します。 ...
JSは賞金の重さに基づいて当選確率を計算します
目次1. シナリオ例1.1. 抽選の賞品名を設定する1.2. 各賞の重みを設定する1.3. ラッキー...