- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：spanタグ 無視される）
spanタグのpaddingとwidthが無視される問題と文字の重なりについて
このQ&Aのポイント
- spanタグのpaddingやwidthが無視される理由として、CSSのbox-sizingプロパティがデフォルトのままだと、要素の幅にpaddingやborderが含まれないからです。
- paddingやwidthを適用させるには、CSSのbox-sizingプロパティをborder-boxに設定することで解決することができます。
- また、文字が重なる問題は、span要素にdisplayプロパティをinline-blockに設定することで解決することができます。
- JLORTMXSVY
- お礼率100% (36/36)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#249914
回答No.2
spanタグですが、インライン要素となるためmarginやwidthを設定することはできません。 こちらは決めごとなのでおぼえていただくしかない感じです。 ■ブロックレベル要素とインライン要素 http://www.tagindex.com/html_tag/basic/block_inline.html
その他の回答 (1)
- ma-tsu02
- ベストアンサー率29% (30/101)
回答No.1
spanなどのインライン要素にはwidth等は効きません。 http://mozilla.gr.jp/standards/webtips0015.html#c1_4 インラインブロック要素にしてやると希望の表示になるかな？ display:inline-block;
質問者
お礼
ご回答ありがとうございました。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
ご回答ありがとうございました。