1. ホーム
  2. Web制作
  3. HTML/Xhtml

spanタグのスタイルにwidth属性を設定する方法

2022-01-26 07:28:57
spanタグのスタイルに直接width属性を設定しても、結果は出ません。
display:blockにすると、widthプロパティが有効になりますが、spanはdivと同じになりました。
display:inline-blockを設定すると、スパンは横並びになり、width属性が有効になります。
要素のdisplay属性に共通する値の説明。
1) block: ブロックオブジェクトのデフォルト値です。オブジェクトを強制的にブロックオブジェクトとして表示させ、オブジェクトの後に新しい行を追加します。
2) inline: インライン・オブジェクトのデフォルト。オブジェクトを強制的にインラインオブジェクトとして表示し、オブジェクトから行を削除します。
3) inline-block: インライン・オブジェクトとしてオブジェクトを表示しますが、オブジェクトのコンテンツはブロック・オブジェクトとして表示されます。隣のインラインオブジェクトは同じ行に表示されます。
4) non: オブジェクトを隠します。visibility 属性の hidden 値とは異なり、隠されたオブジェクトのためにその物理的空間を確保することはない。