CSS はスパン要素のサイズを設定します_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:29:53
オリジナル
1572 人が閲覧しました

CSS は、span 要素のサイズを設定します:
デフォルト状態では、span 要素のサイズは設定できません。コンテンツのサイズに従ってのみ調整できます。つまり、設定のデフォルト条件はスパン要素の幅と高さの属性が無効です。この問題が発生する理由は、span 要素がインライン要素であり、インライン要素のサイズを設定する必要があるのはブロック レベルまたはインライン ブロック レベルの要素だけであるためです。
コード例は次のとおりです:

<!DOCTYPE html>    <html>    <head>    <meta charset=" utf-8">    <meta name="author" content="http://www.softwhy.com/" />    <title>蚂蚁部落</title>    <style type="text/css">#antzone{  width:200px;  height:100px;  background:green;  display:block;}</style>    </head>  <body>  <span id="antzone"></span> </body>    </html>
ログイン後にコピー

上記のコードでspan要素にdisplay:block属性を追加した後、ブロックレベルの要素として設定でき、サイズを設定できます。また、display:inline-block をインラインのブロックレベル要素として設定して、同じ機能を実現することもできます。

元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=13408

詳細については、以下を参照してください: http://www.softwhy.com/divcss/

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