ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSSでインラインとはどういう意味ですか

CSSでインラインとはどういう意味ですか

WBOY
WBOYオリジナル
2021-12-29 11:40:324838ブラウズ

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

css における inline の意味

css では、inline 属性値は、display 属性と組み合わせて使用​​され、指定された要素を設定しますインライン要素の場合、要素の前後に改行はありません。

Web ページは通常 2 つの要素の組み合わせです。1 つはインラインで表示されるインライン要素です。幅と高さを追加しても効果はありません。 1 つはブロック要素で、対応する幅と高さを追加できます。通常、Web ページのレイアウトで使用されます。最も一般的に使用されるのは

タグです。

display:block; は、インライン要素をブロック要素に変換することを意味します。

および対応する display:inline; は、ブロック要素をインライン要素に変換することを意味します

例:

はインラインタグですが、

のようなタグとして使いたい場合は、display :block; を使えばOKです。 [タグの使用は WEB 標準に従うのが最善であることに注意してください]

はブロックレベルの要素です。リストは1行で表示されますが、このとき
  • タグにdisplay:inline;

    を設定することができます例は以下の通りです:

    <html>
    <head>
    <style type="text/css">
    p {display: inline}
    div {display: none}
    </style>
    </head>
    <body>
    <p>本例中的样式表把段落元素设置为内联元素。</p>
    <p>而 div 元素不会显示出来!</p>
    <div>div 元素的内容不会显示出来!</div>
    </body>
    </html>

    出力結果:

    CSSでインラインとはどういう意味ですか

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

  • 以上がCSSでインラインとはどういう意味ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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