気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
span等インライン要素にline-heightが効かない！
3 users
blog.dododori.com
blog.dododori.com
blog.dododori.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
spanにline-heightが効かない！ 特定の場所だけ行間を狭くしたいと思い、line-heightを使って、行間を狭... spanにline-heightが効かない！ 特定の場所だけ行間を狭くしたいと思い、line-heightを使って、行間を狭くするためのクラスを作ったのが発端でした。 このクラスをpタグにつけるとイメージどおり行間を狭められたのですが、spanタグに使ったところ行間が狭まりませんでした。 そんなline-heightがうまく効かないときの対策法です。 spanにline-heightが効いていない症状対策 spanタグにline-heightを設定すると、こうなります。うまく行間が設定できていません。 対策としては、display:block;を追加することで、spanにもline-heightの設定が効くようになりました。 【ダメな例】 ブラウザ上の見た目： Mom?Is here a cat cafeteria?But that isn’t a cat.Isn’t it?That is
blog.dododori.com
blog.dododori.com
blog.dododori.com
blog.dododori.com
note.com/glad_flax6331
togetter.com
anond.hatelabo.jp
togetter.com
www3.nhk.or.jp
www.tokyo-np.co.jp
newsdig.tbs.co.jp
togetter.com
www.tokyo-np.co.jp
www3.nhk.or.jp
togetter.com
www.yomiuri.co.jp
ascii.jp
b.hatena.ne.jp
dengekionline.com
2017/08/22 リンク