☆css部分
p.sample {width:150px; background-color:#99cc00; word-break: break-all;}
☆html部分
<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample">
テテキストテキストテキストテキストテキストテ、キストキスト。<br>
"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
text texttexttext texttext text texttext texttexttexttext
</p>
</body>
</html>
上のようなwidthが指定されてる状態で、word-breakを使用したのですが、自動改行がされません。
どうして自動改行されないんしょうか?
どなたか教えてください。よろしくおねがいします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
本来なら、word-break: break-all;というIE独自のスタイルシートがなくても、ZERO-WIDTH-SPACEの​で連結すると改行しなければならないはずですが、Firefox,Opera,Safari,Google Chromeは、word-break: break-all;の有無にかかわらず、当然の様に改行してくれるのですが、IEだけは互換モードも標準モードも、word-break: break-all;の有無にかかわらず改行しません。
"​"​"​"​"​"​・・
()
" " " " " " ・・
( )( )
でかわすしかないかも。
この回答への補足
ありがとうございます。
当方のほうでもwordBreak.jsを使用しまして文字の間に半角スペースを入れてみました。
結果、safari、firefoxでは正常に表示されました。
IE6のほうでは、「幅のある半角スペース」が付いてしまいました。
エンコーディングがSJISだとうまくいったんですが・・・。
エンコーディングはUTF8が前提でした。
I
No.2
- 回答日時:
wordbreakはCSS3で策定中ですが、css3.com に寄せられた情報によると、Firefox3, Operaはサポートしてないようです。
CSS 3におけるテキストの自動改行と禁則処理の定義 - builder by ZDNet Japan
http://builder.japan.zdnet.com/sp/css-firefox-sa …
CSS WORD-BREAK - CSS3.com: CSS reference guide, and blog
http://www.css3.com/css-word-break/
なので、JavaScriptと併用する必要がありますね。
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」[to-R]
http://blog.webcreativepark.net/2008/09/14-21134 …
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
改行できる・できない入力ボッ...
-
テーブルの幅を固定するとnowra...
-
H1タグに改行の<br>を使う
-
<br style="clear:both;">って...
-
<br>で改行しても一行あいてし...
-
\\n \\r \\t について
-
高校1年生情報の問題について。
-
テキストエリア内の改行禁止
-
「:」について
-
Hタグを改行禁止にしてspanのよ...
-
Title表示時間の調節は?
-
長いURLを途中で改行(折り返す...
-
フレームで同一ページにリンク...
-
<TD><input type="text"></TD>...
-
<br />タグの、brの後の半角ス...
-
liタグの自動改行をやめたい!
-
シェルで特定の文字が消える
-
AfterEffectsでイージーイーズ...
-
GoogleChromeでレイアウトが左...
-
XMLを作成してもタグしか表示さ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
H1タグに改行の<br>を使う
-
テーブルの幅を固定するとnowra...
-
改行できる・できない入力ボッ...
-
\\n \\r \\t について
-
テキストエリア内の改行禁止
-
テキストエリア内の改行もその...
-
Hタグを改行禁止にしてspanのよ...
-
<br style="clear:both;">って...
-
「:」について
-
Windowsのformでtextareaに入力...
-
<br />タグの、brの後の半角ス...
-
文字の最後に半角空白が勝手に...
-
PCの画面を縮小したらサイズ...
-
長いURLを途中で改行(折り返す...
-
liタグの自動改行をやめたい!
-
XMLの改行方法とリンクの仕方
-
preタグがプロの現場であまり使...
-
テーブルのセルデータを自動改...
-
<TD><input type="text"></TD>...
-
エクセルVBA テーブルのフィー...
おすすめ情報