CSSでインラインとはどういう意味ですか-フロントエンドQ&A-php.cn

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

WBOY

リリース： 2021-12-29 11:40:32

オリジナル

4772 人が閲覧しました

このチュートリアルの動作環境: 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でインラインとはどういう意味ですか