する質問をすることでしか得られない、回答やアドバイスがある。5ネイティブなHTML環境で、テーブル要素内に任意の文字列を表示するコードを書いています。幅が定められているため、長文が入力されている場合には折り返しをする必要があり、CSSに下記設定を指定してあります。URLなど、一般的な英数字記号が混ざった文字列については自動折り返しが出来ることを確認しております。感嘆符(!)が連続した長文については折り返されずに突き抜けてしまいます。これはChromeで検証した際に起きた問題です。IE、Firefoxで試したところ、想定通りに改行されました。このレイアウト崩れを回避する方法について、ご存知の方がおられましたらご助言の程、宜しくお願いします。class="status_col">!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</div></div></body></html>IE11Firefox55Chrome60attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー0これでどうでしょう。Chrome*/追記:すみません、これではたぶん文字が改行されないです。MDN】https://developer.mozilla.org/ja/docs/Web/CSS/word-break追記:とりあえずこれでも折り返すようです。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。17:13ご回答ありがとうございます!keep-allに変えて試してみました。感嘆符の方は解消されましたが、今度は長いURLが折り返されなくなってしまいました。JSFiddleでは同じCSS/HTMLで改行されようになったということは、何かしらロケール設定みたいなのを記述しないといけないとかありそうですね。悩んでみることにします。keep-allに変えて試してみました。感嘆符の方は解消されましたが、今度は長いURLが折り返されなくなってしまいました。JSFiddleでは同じCSS/HTMLで改行されようになったということは、何かしらロケール設定みたいなのを記述しないといけないとかありそうですね。悩んでみることにします。キャンセル完了するlink0原因は分からないのですが「word-break」をコメントアウトすると正しく表示されました。試したのはバージョン61です。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。word-breakを外してブラウザデフォルトの設定が、単語で折り返すようになったからだと思いますが、これだと今度は長文URLを入力した際に折り返されなくなってしまいました。ご対応ありがとうございます。word-breakを外してブラウザデフォルトの設定が、単語で折り返すようになったからだと思いますが、これだと今度は長文URLを入力した際に折り返されなくなってしまいました。ご対応ありがとうございます。頂いたご意見への回答は行っておりません。