ＣＤの保有枚数を教えてください

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

解決済

  • 質問者：unko347
  • 質問日時：
  • 回答数：2件

↓にて質問させていただいたのですがうまくいかなかったのでもう一度質問させてください。
http://okwave.jp/qa/q8552159.html

上記で教えていただいたことをもとに禁則処理により不自然な折り返しを解除しようとしたのですが
うまくいきませんでした。「line-break」というのも付けてみましたが結果は同じで不自然な位置で
折り返しが発生しています。試した環境はIE11になります。
下記がそのHTMLになります。


<html>
<head>
<style type="text/css">
td {
word-break: break-all;
word-wrap: break-word;
line-break: normal;
}
</style>
</head>
<body>
<textarea name="MSG" cols=40 rows=4 style="word-break: break-all;word-wrap: break-word;line-break: normal;">テスト中です。サンプルテキスト！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！</textarea>

<table border="1">
<tr>
<td width="400" style="word-break: break-all;word-wrap: break-word;line-break: normal;">
テスト中です。サンプルテキスト！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
</td>
</tr>
</table>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： pringlez
  • 回答日時：

あー、うまく行きませんでしたか。


Chromeでは確認したのですが、IEでは確認していませんでした。すみません。


もうご存知と思いますが、禁則処理は英文字の長い単語が単語の途中で改行されないように改行位置を調整する処理です。また、それに加えて、文末の記号も同様の扱いで「.」「!」などがついていればそれも単語を構成する文字とみなされるはずだと思います。

実際にChromeではそのような動きで、文末の記号の連続でも一つの単語と同じように禁則処理・その解除が行われていました。

しかしIEでは文末の記号は別扱いで、文末記号は何があっても絶対に行頭に持ってこさせない処理を行っているようです。私にはChromeの動きが正しくIEの動きがバグのような気もします。そもそも行末記号が連続することが例外とも言えますので、考慮漏れをしているのかもしれません。しかし、もしかしたらMS社として正しいと思ってそのような仕様にしているのかもしれません。


結論として
少なくとも現行バージョンのIEでは、行末記号の連続の禁則処理の制御の解除はできません。
これを回避する正当な手段は現状では存在しないと思います。

対応としては
・行末記号の連続をやめる
・行末記号の連続中で、何文字かおきに半角スペースをいれる
・「！」の連続では画像を使う(これが一番いいかも)
・IEはあきらめる

位しかないと思います。苦肉の策ですが…
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2014/04/14 23:37

No.2

  • 回答者： ORUKA1951
  • 回答日時：

単純に!!


word-break:keep-all;でよいはずですが？？？
　⇒5.3. Breaking Rules for Letters: the ‘word-break’ property( http://www.w3.org/TR/css3-text/#word-break-prope … )
【サンプル】
★タブは＿に置換してあるので戻す。

<!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">
<!--
html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.6em;}
p{text-indent:1em;}
div.header,div.section,div.footer{width:90%;min-width:630px;max-width:900px;margin:0 auto;padding:5px;}
table,td{width:16em;}
div.word-wrap-normal td,div.word-wrap-normal text-area{word-wrap:normal;}
div.word-wrap-break-word td,div.word-wrap-break-word{word-wrap:break-word;}
div.word-break-normal td,div.word-break-normal{word-break:normal;}
div.word-break-keep-all td,div.word-break-keep-all{word-break:keep-all;}
div.word-break-break-all td,div.word-break-break-all{word-break:break-all;}
-->
＿</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-prope …
＿＿＿<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-prope … Text Module Level 3</a></address>
＿＿</blockquote>

＿＿<div class="section word-wrap-normal word-break-normal">
＿＿＿<h3>word-wrap:normal(デフォルト) & word-break:normal(デフォルト)</h3>
<!-- 以下同文
＿＿＿<form action="./">
＿＿＿＿<textarea name="MSG" cols=40 rows=4" lang="ja">テスト中です。
サンプルテキスト！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！</textarea>
＿＿＿<table border="1" width="40">
＿＿＿＿<tbody>
＿＿＿＿＿<tr>
＿＿＿＿＿＿<td width="40">
＿＿＿＿＿＿＿テスト中です。
サンプルテキスト！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
＿＿＿＿＿＿</td>
＿＿＿＿＿</tr>
＿＿＿＿</tbody>
＿＿＿</table>
-->
＿＿</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>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答ありがとうございます。
テーブルの決まった幅の中で文章が右端まできたら言語に関係なく折り返すようにしたいと考えています。(禁則文字が行頭に来るような文章でも)。IEの禁則処理が働いてしまうようです。

通報する
お礼日時：2014/04/14 23:34

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報