ホームページ  >  記事  >  ウェブフロントエンド  >  インライン要素の特徴は何ですか?

インライン要素の特徴は何ですか?

hzc
hzcオリジナル
2020-06-24 16:59:314103ブラウズ

インライン要素の特徴は、 1. 横方向に順番に配置すること、 2. 要素の前後に改行がないこと、 3. 空白で制御できること、 4. マージン/パディングであることです。は垂直方向では無効です。 、水平方向では有効です。

インライン要素の特徴は何ですか?

私のような初心者にとって、最初はブロック要素とインラインの違いやその違いが分からないことが多いかもしれません。

ただし、ブロック要素は比較的理解しやすいですが、インライン要素の場合は注意が必要な点がいくつかあります。

インライン要素の特徴:

  • 横方向の方向に従って順番に配置します。

  • 要素の前後に改行はありません

  • 空白によって制御されます。

  • margin/padding は垂直方向では無効ですが、水平方向では有効です。

  • 幅/高さ属性は、置換されていないインライン要素に対しては無効であり、幅は要素の内容によって決まります。

  • 非置換インライン要素の行ボックスの高さは line-height によって決まり、置換されたインライン要素の行ボックスの高さは高さ、マージン、パディング、ボーダーによって決まります。

  • vertical-align 属性が有効になります。

インライン要素には、上記以外にもう 1 つの重要な機能があります。

は、浮動 (float) または絶対配置 (position: ABS) の場合にブロックに変換されます。

<body>
    <p>HTML 不是一种编程语言,而是一种标记语言</p>
    <p>我的第一个段落。<a href="http://www.runoob.com/">链接</a>这是段落末尾</p>
    <p>HTML 文档包含了HTML 标签及文本内容.HTML 使用标记标签来描述网页</p>
</body>
<style>
    a{background:red; height:50px; width:50px;}
</style>

インライン要素の特徴は何ですか?

推奨チュートリアル: 「css チュートリアル

以上がインライン要素の特徴は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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