1. ホーム
  2. Web制作
  3. HTML/Xhtml

スパンの高さの下限を決めるという解決策は、何の効果もない

2022-01-10 03:01:06
htmlのページを作るときによく使われるspanタグですが、私の友人の中にはこのタグが苦手な人がいます、彼らはうまく機能していると思っているようですが、特に幅と高さを定義する必要があるときは、使うのが面倒です。
以前、友人に聞かれたことがあります。cssでspanのheightとwidthを定義した後、その幅と高さが無効であるかのように変更されないのはなぜか?
なぜなら、span はインライン要素であり、インライン要素は width と height を無視するからです。
インライン要素をボックス化した要素として定義するには、2つの方法があります。
1. display属性displayを使って直接boxed要素として定義する。
コピーコード
コードは以下の通りです。

display:block;

2. float属性floatを使用して、自動的にボックス型要素として定義する。
コピーコード
コードは以下の通りです。

float:left;