IT業界のすみっこ暮らし

ふと気がついたときの記録

はてなブクマを眺めていたら気になるところがあった


今日も楽しくはてなブクマを眺めていたらふと気付いた。

f:id:papamau:20180201102235p:plain


あれ?タイトル(aタグ)がはみ出てる

f:id:papamau:20180201102511p:plain

「!!!!!!!」が悪さをしてるみたい?

f:id:papamau:20180201102919p:plain


因みにcssはこんな感じだった。

contents.css

div.entry-contents h3 a {
    padding: 8px 0;
    color: #303030;
    text-decoration: none;
    word-break: break-all;
}


面白いと思ったので、解決方法を考えてみた

といってもword-break: break-word;にしただけだけど。

f:id:papamau:20180201103720p:plain

contents.css

div.entry-contents h3 a {
    padding: 8px 0;
    color: #303030;
    text-decoration: none;
    word-break: break-word; /* break-all -> break-word */
}


これですっきり。

f:id:papamau:20180201103916p:plain


久々にCSSの復習にもなったので参考サイトも貼っておく。 developer.mozilla.org

+ 2018/02/01 10:50時点の話でした~~~



プライバシーポリシー