インライン要素スパンの最小高さの定義

span タグは HTML ウェブページを作成するときによく使用されますが、このタグの使い方がよくわからない友人もいます。使い方は簡単だが、特に幅と高さを定義する必要がある場合は面倒だと考えています。
友人がかつて私に尋ねました: CSS で span の高さと幅を定義した後、その幅と高さが無効であるかのように変更されないのはなぜですか?

実際、この問題は非常に単純です。まず、span のプロパティを理解する必要があります。span はインライン要素であり、インライン要素は幅と高さを無視するためです。これを理解すれば、解決策は非常に簡単です。解決策は、CSS を使用して span をボックス要素に変換することです。

インライン要素をボックス要素として定義する方法は 2 つあります。

1. 表示属性 display を直接使用して、ボックス要素として定義します。
表示:ブロック;

2. float 属性を使用して、ボックス化された要素として自動的に定義します。
フロート:左;