div の特定の実装は自動的に折り返されず、HTML で折り返されないよう強制されます。
|
1. 改行なしを実現するには<nobr>タグを使用する コードをコピー コードは次のとおりです。<div>こんにちは世界！ <nobr> こんにちは世界！<nobr></div> 2. <nowrap要素>タグを使用する コードをコピー コードは次のとおりです。<div nowrap>こんにちは世界！こんにちは世界！こんにちは世界！こんにちは世界！</div> 3 改行を強制しない コードをコピー コードは次のとおりです。div{ 空白:折り返しなし; } 4. divが2つある場合は、floatを使用して改行を避けることができます。 コードをコピー コードは次のとおりです。<div class="class1">こんにちは</div> <div class="class2">世界！</div> .class1 {float:left;} 5. div内でdisplayを使用して改行をなくすこともできます コードをコピー コードは次のとおりです。<div class="class1">こんにちは</div> <div class="class2">世界！</div> .class1 {display:inline;} .class2{display:inline;} |
>>: フェッチネットワークリクエストのカプセル化例の詳細な説明
推薦する
MySQLインデックスに関する重要な面接の質問をいくつか共有します
序文インデックスは、データベース内の 1 つ以上の列の値を並べ替え、データベースが効率的にデータを取...
JavaScript の組み込み Date オブジェクトの詳細な説明
目次日付オブジェクト日付オブジェクトの作成新しい日付()日付を取得する()取得日()月を取得する()...
nginx proxy_cache バッチキャッシュクリアスクリプトの紹介
前書き: 以前、公式の nginx proxy_cache を CDN 静的キャッシュとして使用して...
シャトルボックス機能を実装するためのVueの詳細なコード
Vue - シャトルボックス機能を実装します。効果図は次のようになります。 CS 。移行{ ディスプ...
Node+Express テストサーバーのパフォーマンス
目次1 テスト環境1.1 サーバーハードウェア1.1.1 t2.マイクロ1.1.2 c5.large...
MySQLデータベースの使用仕様の概要
導入： MySQL データベースの仕様に関しては、皆さんも何らかのドキュメントを読んだことがあると思...
【Webデザイン】E-WebTemplates の美しい海外の Web ページ テンプレート (FLASH+PSD ソース ファイル+HTML) を共有します
これらはすべて海外のE-WebTemplates WebサイトからのWebページテンプレートであり、...
MySQL 文字列分割操作 (区切り文字を含む文字列のインターセプション)
区切り文字なしの文字列抽出質問の要件データベース内のフィールド値:実装効果: 1行のデータを複数行に...
HTMLベースの複数画像アップロードのプレビュー機能を実装
最近、Web ページに複数の画像をアップロードするためのスクリプトを作成しました。これは非常に実用的...
Vue lazyload 画像遅延読み込み例の詳細な説明
ドキュメント: https://github.com/hilongjw/vue-lazyload 1...
iframeノードの初期化の問題に関する議論
今日、ふとリッチテキストエディタの制作原理を見直してみようと思いました。それで、彼は何も言わずにそれ...
IE6/7 は混乱するだろう: 空のテキスト ノードの高さの問題
序文： ietester でドキュメント コードを表示するには、debugbar を使用します。すべ...
Webフロントエンドツール、Sublime Text 2の紹介
Sublime Text 2 は、軽量でシンプル、効率的なクロスプラットフォーム エディターです。ブ...
CSS 属性値 clear:right が機能しない理由の詳細
clear プロパティを使用してフロートをクリアすることはよくあることであり、clear プロパティ...
vitrualBox+ubuntu16.04 python3.6 最新チュートリアルと詳細な手順のインストール
最近ディープラーニングを学ぶためにUbuntu+Python 3.6バージョンを使う必要があるため、...