ホームページ > ウェブフロントエンド > htmlチュートリアル > スパンの最小高さを定義する解決策は効果がない_HTML/Xhtml_Web ページの制作

スパンの最小高さを定義する解決策は効果がない_HTML/Xhtml_Web ページの制作

WBOY
リリース: 2016-05-16 16:37:42
オリジナル
1511 人が閲覧しました

HTML Web ページを作成するときによく使用されるのが、span タグですが、このタグの使い方に苦労している人もいます。多くの友達は、このタグが使いやすいと思っているようですが、特に幅と幅を定義する必要がある場合に使用するのが非常に面倒です。身長。

ある友人が、「CSS でスパンの高さと幅を定義した後、失敗したかのように幅と高さが変わらないのはなぜですか?」と尋ねました。

実際、この問題は非常に単純です。span はインライン要素であり、インライン要素は幅と高さを無視するため、最初に spam の属性を理解する必要があります。これを理解すると、解決策は非常に簡単になります。解決する 最良の方法は、CSS を使用して Span をボックス要素に変換することです。

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

1. 表示属性を直接使用して、ボックス化された要素として定義します。

コードをコピーします
コードは次のとおりです:
display:block

2. float を使用する float 属性により、ボックス化された要素として自動的に定義されます。



コードをコピーします。
コードは次のとおりです。 🎜> float:left;
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート