基本的な構文 テキストオーバーフロー: クリップ;省略記号;文字列 <!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8"> <タイトル></タイトル> <スタイル タイプ="text/css"> .tf{ 幅: 100ピクセル; 高さ:50px; border:1px 黒一色; オーバーフロー: 非表示; text-overflow: clip;/*テキストを非表示にしたいだけなら、この文を追加するかどうかは関係ありません。height+overflowはあふれたテキストを直接非表示にすることができます*/ } .tf1{ 幅: 100ピクセル; border:1px 黒一色; オーバーフロー: 非表示; テキストオーバーフロー: 省略記号; -webkit-テキストオーバーフロー: 省略記号; 空白: ラップなし; /*省略記号属性を使用する場合 text-overflow:ellipsis; overflow: hidden;white-space: nowrap; これら3つの属性は不可欠です*/ } </スタイル> </head> <本文> <div class="tf"> 123WORDPRESS.COM123WORDPRESS.COM123WORDPRESS.COM123WORDPRESS.COM123WORDPRESS.COM123WORDPRESS.COM123WORDPRESS.COM123WORDPRESS.COM。 </div> <div class="tf1"> 123WORDPRESS.COM123WORDPRESS.COM123WORDPRESS.COM123WORDPRESS.COM123WORDPRESS.COM。 </div> </本文> </html> CSS3 がテキストオーバーフローを使用してテキストタイプ設定の問題を解決する方法についての簡単な分析を説明したこの記事はこれで終わりです。CSS3 テキストタイプ設定に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。 |
<<: MySQL テーブルの断片化を解消し、スペースを再利用する方法
>>: 入力ボックスのカーソルサイズの表示が一貫していない問題の解決方法
プロジェクトシナリオ:ページ表示には <ul> タグがあります。リストデータを動的に表示...
他のよりプロフェッショナルなブログ システムを参照すると、コード ブロックにコードのコピー ボタンが...
Docker コンテナを適用する場合、多くの場合、ホスト ディレクトリを Docker コンテナにマ...
この記事の例では、ドロップダウンリストを実装するためのJavaScriptの具体的なコードを参考まで...
一般的に、マウスは上向きの斜め矢印として表示され、テキストの上に移動すると垂直線になり、ハイパーリン...
WeChatアプレットでタブバーを設定すると、重要なコンテンツがブロックされ、iPhoneXなどの異...
効果(ソースコードは最後にあります): 成し遂げる: 1. タグを定義します。 <h1>...
目次数学オブジェクト共通プロパティ一般的な方法Math.random()文字列メソッド長さプロパティ...
目次Tomcat でプロジェクトを展開する 3 つの方法プロジェクトをwebappsディレクトリに直...
目次序文1. エンドポイント2. 接続ハンドラ3. コヨーテ4. コンテナ責任チェーンパターン序文T...
目次1. コード分析2. ソースコードソースコード1. コード分析1.1 HTMLコード分析 <...
ネイティブJSによって開始されたネットワークリクエストは、クエリ文字列の形でサーバーに送信されるため...
関連記事: CentOS7でyumを使用してDockerをインストールするDockerを使ってWin...
目次1. 内閣府1. コンセプト2. MHAの構成3. MHAの特徴2. MySQL+MHAをビルド...
1つ。 Nexus プライベート サーバーを構築する理由は何ですか?社内の開発メンバーは全員外部ネッ...