背景色が交互に変わるテキスト行を保持する単純な div があります。1 行目は緑、2 行目は赤、3 行目は緑などです。この div の幅は 450px で、ほとんどのテキスト行は div の全長にまたがりませんが、背景色を左から右に 450px 全体に広げたいと思います。
テキストの span タグに width: 450px を追加しようとしましたが、まだ完全に横切ることができません。助言がありますか?
span 要素を設定する場合display: block
、背景色はそのコンテナの全幅にまたがる必要があります。
span 要素にプロパティを使用するdisplay: block
と、それらはブロック、つまり末尾の改行として表示されます。
display: block
span要素に設定してみる
このjsFiddleの例を参照してください