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

css 改行なしで p タグを設定する方法: 最初に HTML サンプル ファイルを作成し、次にいくつかの p タグを定義し、最後に CSS スタイルを「p{display: inline;}」として p タグに追加します。改行なしで表示するだけです。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

p タグを CSS でラップしないように設定するにはどうすればよいですか?

p タグはブロックレベルの要素であり、独自の行を占めます。同じ行に 2 つの p タグを設定したい場合はどうすればよいでしょうか? cssを使ってpタグを折り返さないように設定する方法を見てみましょう。

デフォルトでは、p タグは自動的に折り返されます。CSS を使用して p タグを折り返さないように設定する方法を見てみましょう:

例

css コード

p{display: inline;}

HTML コード

<p>aaa</p> 
<p>bbb</p>

レンダリング:

p タグを防ぐために、display:inline スタイルを使用します。ラッピングから。

表示スタイルの概要:

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

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

[学習ビデオ共有: css ビデオ チュートリアル]

属性値:

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 この要素は表のセルとして表示されます (

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