ホームページ > ウェブフロントエンド > フロントエンドQ&A > css pタグを折り返さないように設定する方法

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

藏色散人
リリース: 2023-01-03 09:26:23
オリジナル
3995 人が閲覧しました

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

css 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>
ログイン後にコピー

レンダリング:

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

と同様) td> および
)

table-caption この要素は表のタイトルとして表示されます (

と同様)

inherit は、表示属性の値が次のとおりであることを指定します親要素から継承されます。

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

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート