HTML / CSS

WordPressの整形済みテキストがはみ出す場合の対処法

posted by shimizu on 01.12.2013

整形済みテキストを投稿する時にpreタグを利用しますが、長いスクリプトの場合は改行がされず右にはみ出してしまうので、それを回避するためのcssメモ。

pre {
     overflow: auto;
     /* Mozilla */ 
     white-space: -moz-pre-wrap;  
 
     /* Opera 4-6 */ 
     white-space: -pre-wrap;  
 
     /* Opera 7 */ 
     white-space: -o-pre-wrap;  
 
     /* CSS3 */ 
     white-space: pre-wrap;  
 
     /* IE 5.5+ */ 
     word-wrap: break-word;  
}

Editor

shimizu
サイバーエージェント広告事業部デザイナー、ディレクターを経て独立。 NINE SENSE Inc. の代表取締役兼クリエイティブディレクター。 趣味は海外ドラマ鑑賞と写真。 好きな食べ物はスープカレー。
Latest Entries
TrackBack URL