USAGI-WRP https://blog.hatena.ne.jp/USAGI-WRP/ C++ ときどき ごはん、わりとてぃーぶれいく☆ https://usagi.hatenablog.jp/ CSS3 はてなブログ はてなブログのAfternoonデザインテーマのコンテンツにおける本体領域のwidthは860px、右のasideを含まない本文用の領域のwidthは580px。ソースやCUIの操作結果など張るには少々幅が狭い。かといってscrollにしてもどうも見苦しい。と、いうわけでCSS3の:hover擬似セレクターでにょーんと伸びるpreにしてみました。 pre { white-space: pre; overflow-x: scroll; width:100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fusagi.hatenablog.jp%2Fentry%2F2012%2F11%2F18%2F151612" title="はてなブログ&quot;Afternoon&quot;デザインテーマ用preでにょーんとソースとかのエリアが伸びるCSS３コード片 - C++ ときどき ごはん、わりとてぃーぶれいく☆" 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 2012-11-18 15:16:12 rich https://usagi.hatenablog.jp/entry/2012/11/18/151612 1.0 100%