ホームページ > 記事 > ウェブフロントエンド > CSS はスパン要素のサイズを設定します_html/css_WEB-ITnose
CSS はスパン要素のサイズを設定します_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:29:531529ブラウズ
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/
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。