」です。"/> 」です。">

ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5でネストされたpタグをラップしないように設定する方法

HTML5でネストされたpタグをラップしないように設定する方法

WBOY
WBOYオリジナル
2022-01-23 15:55:254267ブラウズ

HTML5 では、display 属性を使用して、ネストされた p タグを折り返さずに表示するように設定できます。この属性の機能は、要素生成ボックスの種類を指定することです。属性の値を設定すると、 「inline」にすると要素の前後に行がなくなり、改行なしで表示され、構文は「

」となります。

HTML5でネストされたpタグをラップしないように設定する方法

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

html5ネストされた p タグをラップしないように設定する方法

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

この属性の属性値の一部は次のとおりです:

HTML5でネストされたpタグをラップしないように設定する方法

例は次のとおりです:

<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
</head>
<body>
<div>
<p style="display:inline;">这两个段落生成内联盒子,和它的结果</p>
<p style="display:inline;">这两个元素之间没有距离。</p>
</div>
</body>
</html>

出力結果:

HTML5でネストされたpタグをラップしないように設定する方法

推奨チュートリアル: 「html ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。