CSSでpタグを折り返さないように設定する方法

p タグを折り返さないように設定する Css メソッド: [display:inline] スタイルを使用して、p タグを折り返さないようにします。この属性は、作成時に要素によって生成される表示ボックスのタイプを定義するために使用されます。コードは [p{display : inline;}] です。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

p タグを CSS でラップしないように設定する方法:

p タグを CSS でラップしないようにするには、display:inline スタイルを使用します。包む。

表示スタイルの概要:

表示属性は、要素が生成するボックスのタイプを指定します。

この属性は、レイアウトの作成時に要素によって生成される表示ボックスのタイプを定義するために使用されます。 HTML などのドキュメント タイプの場合、表示を不用意に使用すると、HTML ですでに定義されている表示階層に違反する可能性があるため、危険です。 XML の場合、XML にはこの種の階層が組み込まれていないため、すべての表示が絶対に必要です。

属性値:

• none この要素は表示されません。

• block この要素は、この要素の前後に改行を入れてブロック レベルの要素として表示されます。

• インラインデフォルト。この要素は、要素の前後に改行のないインライン要素として表示されます。

• inline-block インライン ブロック要素。 (CSS2.1の新しい値)

• list-item この要素はリストとして表示されます。

• run-in この要素は、コンテキストに応じて、ブロック レベルの要素またはインライン要素として表示されます。

• compact CSS にはコンパクトという値がありましたが、広くサポートされていないため、CSS2.1 から削除されました。

• マーカー 値マーカーは CSS に存在していましたが、広範囲にサポートされていなかったため CSS2.1 から削除されました。

• table この要素は、表の前後に改行が入ったブロックレベルの表 (

  と同様) として表示されます。

  inline-table この要素は、表の前後に改行を入れずに、インライン表 (

  と同様) として表示されます。

  table-row-group この要素は、1 つ以上の行のグループとして表示されます (

  と同様)。

  table-header-group この要素は、1 つ以上の行のグループとして表示されます (

  と同様)。

  table-footer-group この要素は、1 つ以上の行のグループとして表示されます (

  と同様)。

  table-row この要素はテーブル行として表示されます (

  と同様)。

  table-column-group この要素は、1 つ以上の列のグループとして表示されます (

  と同様)。

  table-column この要素はセルの列として表示されます (

  と同様)

  table-cell この要素表のセル表示として表示されます (

  や	と同様) #table-caption この要素は表のタイトルとして表示されます (	と同様) caption>) inherit は、表示属性の値を親要素から継承することを指定します。 例 cssコード p{display: inline;} HTMLコード <p>aaa</p> <p>bbb</p> レンダリング: 関連チュートリアルの推奨事項: CSS ビデオ チュートリアル

以上がCSSでpタグを折り返さないように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。