[解決済み] word-wrap break-word は、この例では機能しません。
2023-03-08 20:22:40
質問
この例では、word-wrapがうまくいきません。
<html>
<head></head>
<body>
<table style="table-layout:fixed;">
<tr>
<td style="word-wrap: break-word; width:100px;">ThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrap</td>
</tr>
</table>
</body></html>
私はレイアウトが指定されなければならないことを読んだのを思い出しました(私はそれをしました)、しかし、それ以上に、私はこれが動作するようにするために何をしなければならないかわかりません。 私は本当にこれがFirefoxで動作するようにしたいです。 ありがとうございます。
EDIT。 Chrome 19 と Firefox 12 で失敗しましたが、IE8 では動作しました。 doctype strictとtransitionalを試しましたが、どちらもうまくいきませんでした。
どのように解決するのですか?
Mozilla Firefox 解決策
追加します。
display: inline-block;
のスタイルに
td
.
Webkit ベースのブラウザ ( Google Chrome , サファリ ...)ソリューション
追加します。
display: inline-block;
word-break: break-word;
のスタイルに
td
.
注意
気にする、今のところ。
break-word
は webkit の標準仕様には含まれていないことに注意してください。
break-all
を採用することに興味があるかもしれません。この代替値は間違いなく抜本的な解決策を提供しますが、標準に準拠しています。
オペラ ソリューション
追加します。
display: inline-block;
word-break: break-word;
のスタイルに
td
.
前項はOperaにも同様に適用されます。
関連
-
[解決済み] BootstrapのCollapse Navbarが動作しない
-
[解決済み] bootstrapでボタンにリンクを貼るには?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] Zalgoテキストはどのように機能しますか?
-
[解決済み] CSSの「word-break: break-all」と「word-wrap: break-word」の違いは何ですか?
-
[解決済み】カラムモードでフレックスボックスのアイテムが折り返されるとき、コンテナの幅が大きくならない。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: document.getElementsById は関数ではありません。
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] CSSでテキストを垂直方向にセンタリングするには?[重複しています]
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] リンクを新しいタブまたはウィンドウで開く[重複]。
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] メモ帳++でXML/HTMLを自動整形/インデントする方法