i24appnet https://blog.hatena.ne.jp/i24appnet/ にしあぷ https://i24appnet.hateblo.jp/ 日記・メモ はてなダイアリーの「リンク元」。長いURLがあると、サイドバーまではみ出すことが。文字が重なって見づらいので、CSSで修正してみた。 ソースコード div.refererlist li { word-wrap: break-word; overflow: hidden; } 単語の途中でも改行。もしはみ出したら隠す。 参考記事 半無限長キープ url などの長い文字列を強制的に折り返す方法 - 夜の Discovery 自動改行(word-break・word-wrap・white-space プロパティ)をコントロールして、テキストがボックスから飛び出さないようにしたい。 | 乱雑モックアッ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fi24appnet.hateblo.jp%2Fentry%2Farchives%2F1860" title="はみ出した長いURLをCSSで修正してみた。 - にしあぷ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2011-04-16 11:20:53 rich https://i24appnet.hateblo.jp/entry/archives/1860 1.0 100%