li はインライン要素ですか?

藏色散人
リリース: 2023-01-04 09:37:42
オリジナル
4457 人が閲覧しました

li はインライン要素ではなく、ブロック レベルの要素です。ブロック レベルの要素の特徴は次のとおりです: 1. 常に新しい行で始まります; 2. 高さと行の高さ、およびマージンとパディングは制御可能です ;3. デフォルトの幅はコンテナの 100% です; 4. インライン要素と他のブロック要素を収容できます。

li はインライン要素ですか?

推奨: 「css ビデオ チュートリアル

li はインライン要素ですか?

li はインライン要素ではなく、ul と li は両方ともブロックレベルの要素です。 ul タグと li タグの高さ、行の高さ、マージン、パディングを制御でき、インライン要素やその他のブロックレベル要素に対応できるためです。

block 要素 (ブロック要素) とそれに相当する要素はインライン要素 (インライン要素) (インライン要素とも呼ばれます) であり、HTML 仕様における概念です。ほとんどの HTML 要素は、ブロックレベル要素またはインライン要素として定義されます。ブロックレベル要素は通常、ブラウザで表示されるときは改行で始まり (そして終わり) ます。

一般的に使用されるブロックレベル要素: div、p、form、ul、li、ol、dl、form、address、fieldset、hr、menu、table

ブロック要素とインラインの基本要素 違いは、ブロック要素は通常新しい行で始まり、隣接するブロックレベルの要素は別の行に表示されることです。 CSS 制御を追加すると、このブロック要素とインライン要素の属性の違いは違いになりません。

例えば、inline要素にdisplay:blockのような属性を追加することで、毎回改行するという属性も持たせる、つまりblock要素にすることができます。 , ブロック要素にdisplay:を追加すると、inlineなどの属性を使用して1行に配置することができます。

ブロック要素の特徴

①常に新しい行から開始します;

②高さ、行の高さ、マージン、パディングはすべて制御可能です;

③幅が設定されていない限り、幅はデフォルトでコンテナの 100% になります。

④インライン要素とその他のブロック要素を収容できる

インライン要素の特徴

①他の要素も同じ行にある;

②高さ、行の高さ、外側のマージンと内側のマージンは変更できません。

③幅はテキストまたは画像の幅であり、変更できません

④インライン要素にはテキストまたは他のインライン要素のみを収容できます要素

以上がli はインライン要素ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
li
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!