- このトピックには3件の返信、2人の参加者があり、最後に
により11年前に更新されました。
-
投稿
-
-
本文投稿で、全角数字だけ入力すると改行せずに枠を突き抜けて行くと言う事象がありました
日本語で入力すると、カラムの幅内でちゃんと改行します入力補助関連のプラグインはまだ入れておりません
画像はログイン中ですが、ログアウトしてもブラウザ (Firefox 39.0) のキャッシュ破棄してリロードしても、数字が突き抜けた状態です
IE 11.0 で表示させても、Firefox と同様に数字だけ突き抜けているので、ブラウザの CSS や HTML の解釈の違いに起因するとかでは無さそうですなお、iPhone4 の safari (ios7) だと、ちゃんと改行されてました。(モバイル表示)
こんなことがありました。程度のチラ裏になって申し訳ありません。
特に、僕の環境ではこの問題を放置しても問題ないので特にどうのと言う訳ではありませんが、僕と同じ状況が再現された方はおられますか？
WordPress 4.2.4–ja
Simplicity childバージョン: 20150717
Simplicity1.8.0 の子テーマ
サーバは wp.xdomain.jp (無料のWordPress向け鯖)他に再現された人が居なかったら、僕は特に困らないのでこのままトピックごと終わらせてください
-
文字間の無い文章の場合、ブラウザでしばしばそういうことがあったりします。例えば、urlエンコードされた長いタイトルを含むアドレスとか。
解決方法としては、例えば
#the-content p { word-wrap: break-word; }とすれば大抵解決すると思うんですけれども。うちの環境では全角文字は大丈夫でしたが、アドレスは突き抜けました。ただ上記プロパティを適用すると改行されました。
word-wrapは単語の途中で改行するかどうかを指定するcssです。word-breakはopera mini以外対応してるので、ほぼ問題ないという感じになります。
-
> #30402
起きたら、突き抜け対策ググるべぇ…と思っていたらもう返事が
Hidekichi さん、検証他、お手数おかけしましたありがとうございますとりあえず、ご指摘のあった word-wrap を適用したところ改行されました
突き抜けずに改行された数字たち for Firefox 39.0
なお、当然ではありますが IE 11.0 でも無事改行されていました。
他の方から、特にご意見が無いようでしたら、このトピック閉めでお願いします
-
トピックのタイトルのような状態になるのは、把握しているのですが、word-wrap: break-word;にすると、英単語の途中で改行されることもあるので、あえてこのような仕様となっています。
以前にも、何度かフォーラムに同様のことを書いたことがあるのですが、今回のような挙動は具合ではなく、CSSのデフォルトの設定状態です。
あえて強制的に、改行させないようにするには、#30402のように書く必要があるということを、付け加えておきます。
-
- トピック「本文投稿で、全角数字だけ入力すると改行せずに枠を突き抜けて行く」には新しい返信をつけることはできません。