Block-level & Inline
Block-level & Inline
エレメントタイプフィーチャーブロックレベルエレメント1.ブロックレベルの要素が改行されます.2.テキスト(テキスト)と行内要素をサブ要素として含めることができます.3.ブロックレベル要素には、サブ要素としてブロックレベル要素を含む要素と、含まない要素があります.4.margin、width、heightプロパティが定義されている場合は、それらが適用されます.これらのプロパティにより、ブロックプロパティを持つタグをスクリーンレイアウトまたは組織に使用できます.行の要素1.改行は発生しません.テキストと行の要素をサブ要素として含めることができます.3.ブロックレベルの要素をサブ要素として含めることはできません.4.定義上、下の外部余白(marging-top、marging-bottom)プロパティは適用されません.上、下の余白はmarginではなくline-heightプロパティによって生成されます.
Block-level&Inlineタイプ
要素タイプタイプ:ブロックレベル要素p,h 1~h 6,ul,ol,div,blockquote,form,hr,table,fieldset,address行内要素a,img,object,br,sub,sup,span,input,textarea,label,button
行とブロックの合成属性行内-block
inline-blockプロパティは、margin、width、heightプロパティを定義しながら、行内と同じです.このプロパティのタグはデフォルトではありませんので、inline-blockを個別に宣言する必要があります.<head>
<style>
.inline-div {
display:inline-block;
}
<style>
</head>
<body>
<div class="inline-div">
블록1
</div>
</body>
要素タイプタイプ:ブロックレベル要素p,h 1~h 6,ul,ol,div,blockquote,form,hr,table,fieldset,address行内要素a,img,object,br,sub,sup,span,input,textarea,label,button
行とブロックの合成属性行内-block
inline-blockプロパティは、margin、width、heightプロパティを定義しながら、行内と同じです.このプロパティのタグはデフォルトではありませんので、inline-blockを個別に宣言する必要があります.<head>
<style>
.inline-div {
display:inline-block;
}
<style>
</head>
<body>
<div class="inline-div">
블록1
</div>
</body>
<head>
<style>
.inline-div {
display:inline-block;
}
<style>
</head>
<body>
<div class="inline-div">
블록1
</div>
</body>
Reference
この問題について(Block-level & Inline), 我々は、より多くの情報をここで見つけました https://velog.io/@suhyeon7846/Block-level-Inlineテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol