このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css における inline の意味
css では、inline 属性値は、display 属性と組み合わせて使用され、指定された要素を設定しますインライン要素の場合、要素の前後に改行はありません。
Web ページは通常 2 つの要素の組み合わせです。1 つはインラインで表示されるインライン要素です。幅と高さを追加しても効果はありません。 1 つはブロック要素で、対応する幅と高さを追加できます。通常、Web ページのレイアウトで使用されます。最も一般的に使用されるのは
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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
