[CSS] preタグを横幅に合わせて改行する。 at フォノクラフト株式会社：作業メモや備忘録など

テクノロジーカテゴリーの変更を依頼記事元:

phono.co.jp

1 userがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fphono.co.jp%2Fnote%2Fcss-pre%25E3%2582%25BF%25E3%2582%25B0%25E3%2582%2592%25E6%25A8%25AA%25E5%25B9%2585%25E3%2581%25AB%25E5%2590%2588%25E3%2582%258F%25E3%2581%259B%25E3%2581%25A6%25E6%2594%25B9%25E8%25A1%258C%25E3%2581%2599%25E3%2582%258B%25E3%2580%2582_894%2Findex.html" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://phono.co.jp/note/css-pre%E3%82%BF%E3%82%B0%E3%82%92%E6%A8%AA%E5%B9%85%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%81%A6%E6%94%B9%E8%A1%8C%E3%81%99%E3%82%8B%E3%80%82_894/index.html">[CSS] preタグを横幅に合わせて改行する。 at フォノクラフト株式会社：作業メモや備忘録など</a><a href="https://b.hatena.ne.jp/entry/s/phono.co.jp/note/css-pre%E3%82%BF%E3%82%B0%E3%82%92%E6%A8%AA%E5%B9%85%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%81%A6%E6%94%B9%E8%A1%8C%E3%81%99%E3%82%8B%E3%80%82_894/index.html">はてなブックマーク - [CSS] preタグを横幅に合わせて改行する。 at フォノクラフト株式会社：作業メモや備忘録など</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

[CSS] preタグを横幅に合わせて改行する。 at フォノクラフト株式会社：作業メモや備忘録など

preを任意の横幅で改行させましょう ↓これを入れるだけ。 white-space: pre; /* CSS 2.0 */ white-space... preを任意の横幅で改行させましょう ↓これを入れるだけ。 white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ CSS記述例 #aaaaaa pre{ width:650px; word-break: break-all; white-