[解決済み] divで長い単語をワードラッピングする方法はありますか?
2022-04-20 10:44:09
質問
Internet Explorerにword-wrapのスタイルがあるのは知っていますが、div内のテキストにそれを行うクロスブラウザの方法があれば知りたいのです。
できればCSSでお願いしたいのですが、JavaScriptのスニペットでもかまいません。
edit: そうです、長い文字列のことです。
どのように解決するのですか?
元のコメントを読むと、rutherfordさんが求めているのは クロスブラウザ を折り返す方法 アンブロークン という文字列があります(IEでword-wrapを使用していることから推測されるように、切れていない文字列を壊すように設計されています)。
/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap {
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
私はこのクラスを少し使っていますが、魅力的に動作しています。 (注: FireFoxとIEでしかテストしていません)
関連
-
[CSSレイアウト例】float(フロート)、position(ポジション)プロパティの差分によるCSSレイアウト
-
[css3]ピュアCSS3によるネオンライト効果
-
[CSSチュートリアル】CSSで実現するイメージマッピングメソッド
-
[css3]CSS3遷移回転遠近法2D3Dアニメーションなどの効果を持つサンプルコード
-
[CSSチュートリアル]ドラッグ&ドロップ効果を実現するピュアCSSコード
-
[解決済み] input type="date "のフォーマットを変更する方法はありますか?
-
[解決済み] DIVで長い単語を強制的に改行するには?
-
[解決済み] CSSの「word-break: break-all」と「word-wrap: break-word」の違いは何ですか?
-
[解決済み] Visual Studioでワードラップを切り替えるにはどうしたらいいですか?
-
[解決済み] display:blockの入力はブロックではありません、なぜですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】カットコーナー+ボーダー+プロジェクション+コンテンツ背景色のグラデーション効果を実現するCSS
-
[CSSチュートリアル】CSSアニメーション 途中で止める方法とポーズを維持する方法
-
[CSSチュートリアル】CSSのfloatとunfloatについて
-
[CSSチュートリアル】CSSのシングルDivの描画スキル
-
[CSSチュートリアル】cssフレックスレイアウト ロング自動改行サンプルコード
-
[CSSチュートリアル】CSSカウンターを使った数字の並びの美化方法
-
[CSSチュートリアル】CSSで実現するTikTokのテキストジッター効果例
-
[CSSチュートリアル】CSSプロパティ*-gradientの有用性を探る
-
[ブラウザ互換性チュートリアル]IE9でのネイティブページの互換性問題の解決方法について
-
[css3]本のページをめくるような効果を実現するcss3サンプルコード