HTMLの禁則処理解除について

2014/04/13 11:40

このQ&Aのポイント

HTMLの禁則処理解除についての質問です。
禁則処理により不自然な折り返しが発生しており、解除方法を教えていただきたいです。
質問内容のHTMLコードを添付しました。

unko347
お礼率44% (122/277)

HTML
回答数2
ありがとう数13

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

pringlez
ベストアンサー率36% (598/1630)

2014/04/13 16:43 回答No.1

あー、うまく行きませんでしたか。 Chromeでは確認したのですが、IEでは確認していませんでした。すみません。もうご存知と思いますが、禁則処理は英文字の長い単語が単語の途中で改行されないように改行位置を調整する処理です。また、それに加えて、文末の記号も同様の扱いで「.」「!」などがついていればそれも単語を構成する文字とみなされるはずだと思います。実際にChromeではそのような動きで、文末の記号の連続でも一つの単語と同じように禁則処理・その解除が行われていました。しかしIEでは文末の記号は別扱いで、文末記号は何があっても絶対に行頭に持ってこさせない処理を行っているようです。私にはChromeの動きが正しくIEの動きがバグのような気もします。そもそも行末記号が連続することが例外とも言えますので、考慮漏れをしているのかもしれません。しかし、もしかしたらMS社として正しいと思ってそのような仕様にしているのかもしれません。結論として少なくとも現行バージョンのIEでは、行末記号の連続の禁則処理の制御の解除はできません。これを回避する正当な手段は現状では存在しないと思います。対応としては・行末記号の連続をやめる・行末記号の連続中で、何文字かおきに半角スペースをいれる・「！」の連続では画像を使う(これが一番いいかも) ・IEはあきらめる位しかないと思います。苦肉の策ですが…

質問者

お礼 2014/04/14 23:37

ご回答ありがとうございます。私もChrome、FireFoxで試してみましたがIEはやはりダメでした。何とも恨めしく思っています。 IEはあきらめようと思います。どうもありがとうございました。

その他の回答 (1)

ORUKA1951
ベストアンサー率45% (5062/11036)

2014/04/13 17:40 回答No.2

単純に!! word-break:keep-all;でよいはずですが？？？　⇒5.3. Breaking Rules for Letters: the ‘word-break’ property( http://www.w3.org/TR/css3-text/#word-break-property ) 【サンプル】 ★タブは＿に置換してあるので戻す。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css">  ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>折り返しパターンのテスト</p> ＿</div> ＿<div class="section"> ＿＿<h2>word-wrap</h2> ＿＿<p>折り返しパターンテスト</p> ＿＿<blockquote cite="http://www.w3.org/TR/css3-text/#word-break-property"> ＿＿＿<dl> ＿＿＿＿<dt>normal</dt> ＿＿＿＿<dd>Words break according to their usual rules. ＿＿＿＿<dt>break-all>/dt> ＿＿＿＿<dd>In addition to ‘normal’ soft wrap opportunities, lines may break between any two letters (except where forbidden by the ‘line-break’ property). Hyphenation is not applied. This option is used mostly in a context where the text is predominantly using CJK characters with few non-CJK excerpts and it is desired that the text be better distributed on each line.</dd> ＿＿＿＿<dt>keep-all</dt> ＿＿＿＿<dd>Implicit soft wrap opportunities between letters are suppressed, i.e. breaks are prohibited between pairs of letters (including those explicitly allowed by ‘line-break’) except where opportunities exist due to dictionary-based breaking. Otherwise this option is equivalent to ‘normal’. In this style, sequences of CJK characters do not break. ＿＿＿＿</dd> ＿＿＿</dl> ＿＿＿<address><a href="http://www.w3.org/TR/css3-text/#word-break-property">CSS Text Module Level 3</a></address> ＿＿</blockquote> ＿＿<div class="section word-wrap-normal word-break-normal"> ＿＿＿<h3>word-wrap:normal(デフォルト) & word-break:normal(デフォルト)</h3>  ＿＿</div> ＿＿<div class="section word-wrap-normal word-break-keep-all"> ＿＿＿<h3>word-wrap:normal(デフォルト) & word-break:keep-all</h3>  ＿＿＿</table> ＿＿</div> ＿＿<div class="section word-wrap-normal word-break-break-all"> ＿＿＿<h3>word-wrap:normal(デフォルト) & word-break:break-all</h3>  ＿＿</div> ＿＿<div class="section word-wrap-normal word-break-normal"> ＿＿＿<h3>word-wrap:break-word & word-break:normal(デフォルト)</h3>  ＿＿</div> ＿＿<div class="section word-wrap-normal word-break-keep-all"> ＿＿＿<h3>word-wrap:break-word & word-break:keep-all</h3>  ＿＿</div> ＿＿<div class="section word-wrap-normal word-break-break-all"> ＿＿＿<h3>word-wrap:break-word & word-break:break-all</h3>  ＿＿</div> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2013-03-03</dd> ＿＿</dl> ＿</div> </body> </html>

質問者