テキストがボックスからはみ出してしまうのを防ぐCSSの設定

kbysbtmup のブックマーク 2010/06/04 13:24

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/22050841/comment/kbysbtmup" data-user-id="kbysbtmup" data-entry-url="https://b.hatena.ne.jp/entry/s/perishablepress.com/wrapping-content/" data-original-href="https://perishablepress.com/wrapping-content/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fperishablepress.com%2Fwrapping-content%2F" data-user-icon="/users/kbysbtmup/profile.png">Wrapping Long URLs and Text Content with CSS | Perishable Press</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB">サンプル</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%81%93%E3%82%8C%E3%81%AF%E4%BE%BF%E5%88%A9">これは便利</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E8%8B%B1%E8%AA%9E">英語</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88">テキスト</a>]</li></ul><br><p style="clear: left">テキストがボックスからはみ出してしまうのを防ぐCSSの設定</p><a class="datetime" href="https://b.hatena.ne.jp/kbysbtmup/20100604#bookmark-22050841"><span class="datetime-body">2010/06/04 13:24</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Wrapping Long URLs and Text Content with CSS | Perishable Press

perishablepress.com2010/06/04

Quick tutorial post today. To wrap long URLs, strings of text, and other content, just apply this carefully crafted chunk of CSS code to any block-level element (e.g., perfect for <pre> tags): pre ...

82 人がブックマーク・23 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Wrapping Long URLs and Text Content with CSS | Perishable Press

はてなブックマーク

公式Twitter

はてなのサービス