2

私はWordpressフレームワーク内で実験を行っており、ブログ投稿のタイトルを大きな正方形のブロックに表示させようとしています.形状を維持するために必要に応じて単語の途中に改行が表示されます.

word-wrapおよび (明らかに) CSS プロパティを使用してword-break、必要な外観を取得しました... Safari/Chrome で。Firefox 7 は単語を分割することを拒否します。IE は FF よりもわずかに優れていますが、その改行はより恣意的なものに見えます (また、現時点では IE は実際には優先事項ではありません)。主に、このインスタンスで FF が機能しない理由word-wrapおよび/または機能しない理由を理解しようとしています。word-break

  • 私はテーブルを使用していません。
  • word-breakここではアクティブな CSS プロパティのようです。それを削除して Safari/Chrome でページをテストしたところ、単語の途中で行が途切れなくなりました。
  • 自動的に適用される Wordpress クラス (henry、format-standard など) が何らかの役割を果たしているとは思いませんが、間違っていたら訂正してください。jsfiddle リンクに示されているスタイリング以外に、他の CSS は標準の Twenty Eleven WP テーマです。

実際の例: (簡素化されていますが正確な HTML/CSS): http://jsfiddle.net/3U4Xc/1/

どんな入力でも大歓迎です。

4

2 に答える 2

0

あなたの div は text-align:justify を使用しているので、それ以上は得られません。また、コード内の空白は white-space:pre; に簡略化される場合があります。ただし、片側のテキスト整列と反対側の事前にフォーマットされたテキストは、友達になりません。その単語区切りについては、HTML5 についてはよくわかりません。正確に何を達成しようとしていますか？分割したい場所で、壊れている/ない/壊れている、または壊れているものはありますか? 念のために言っておきますが、画面サイズとユーザー設定は、静的な配置を台無しにすることで常に悪名高いです.

于 2011-10-05T05:04:02.513 に答える
0

Firefox 7 がサポートしていないため、動作しませんword-break。

補足として、問題white-space: -moz-pre-wrap;を解決しないものは Firefox 7 でも機能しません。そのはずwhite-space: pre-wrap;

于 2011-10-05T09:38:57.600 に答える