ホームページ > 記事 > ウェブフロントエンド > CSSでインラインとはどういう意味ですか
CSSでインラインとはどういう意味ですか
- WBOYオリジナル
- 2021-12-29 11:40:324777ブラウズ
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css における inline の意味
css では、inline 属性値は、display 属性と組み合わせて使用され、指定された要素を設定しますインライン要素の場合、要素の前後に改行はありません。
Web ページは通常 2 つの要素の組み合わせです。1 つはインラインで表示されるインライン要素です。幅と高さを追加しても効果はありません。 1 つはブロック要素で、対応する幅と高さを追加できます。通常、Web ページのレイアウトで使用されます。最も一般的に使用されるのは
タグです。 タグにdisplay:inline;
display:block; は、インライン要素をブロック要素に変換することを意味します。
および対応する display:inline; は、ブロック要素をインライン要素に変換することを意味します
例:
はインラインタグですが、
のようなタグとして使いたい場合は、display :block; を使えばOKです。 [タグの使用は WEB 標準に従うのが最善であることに注意してください]を設定することができます例は以下の通りです:
<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でインラインとはどういう意味ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。