本文投稿で、全角数字だけ入力すると改行せずに枠を突き抜けて行く

Simplicityの特徴 フォーラム 不具合報告 本文投稿で、全角数字だけ入力すると改行せずに枠を突き抜けて行く

3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #30399
      通りすがり
      ゲスト

      本文投稿で、全角数字だけ入力すると改行せずに枠を突き抜けて行くと言う事象がありました
      日本語で入力すると、カラムの幅内でちゃんと改行します

      入力補助関連のプラグインはまだ入れておりません

      画像はログイン中ですが、ログアウトしてもブラウザ (Firefox 39.0) のキャッシュ破棄してリロードしても、数字が突き抜けた状態です 
      IE 11.0 で表示させても、Firefox と同様に数字だけ突き抜けているので、ブラウザの CSS や HTML の解釈の違いに起因するとかでは無さそうです

      なお、iPhone4 の safari (ios7) だと、ちゃんと改行されてました。(モバイル表示)

      こんなことがありました。程度のチラ裏になって申し訳ありません。

      特に、僕の環境ではこの問題を放置しても問題ないので特にどうのと言う訳ではありませんが、僕と同じ状況が再現された方はおられますか?

      突き抜ける数字たち for Firefox 39.0

      WordPress 4.2.4–ja
      Simplicity childバージョン: 20150717
      Simplicity1.8.0 の子テーマ
      サーバは wp.xdomain.jp (無料のWordPress向け鯖)

      他に再現された人が居なかったら、僕は特に困らないのでこのままトピックごと終わらせてください

    • #30402
      Hidekichi
      ゲスト

      文字間の無い文章の場合、ブラウザでしばしばそういうことがあったりします。例えば、urlエンコードされた長いタイトルを含むアドレスとか。

      解決方法としては、例えば

      #the-content p {
        word-wrap: break-word;
      }

      とすれば大抵解決すると思うんですけれども。うちの環境では全角文字は大丈夫でしたが、アドレスは突き抜けました。ただ上記プロパティを適用すると改行されました。
      word-wrapは単語の途中で改行するかどうかを指定するcssです。

      各ブラウザの対応状況 | can i use

      word-breakはopera mini以外対応してるので、ほぼ問題ないという感じになります。

    • #30404
      通りすがり(#30399)
      ゲスト

      > #30402
      起きたら、突き抜け対策ググるべぇ…と思っていたらもう返事が
      Hidekichi さん、検証他、お手数おかけしましたありがとうございます

      とりあえず、ご指摘のあった word-wrap を適用したところ改行されました

      突き抜けずに改行された数字たち for Firefox 39.0

      なお、当然ではありますが IE 11.0 でも無事改行されていました。

      他の方から、特にご意見が無いようでしたら、このトピック閉めでお願いします

    • #30418
      わいひら
      キーマスター

      トピックのタイトルのような状態になるのは、把握しているのですが、word-wrap: break-word;にすると、英単語の途中で改行されることもあるので、あえてこのような仕様となっています。
      以前にも、何度かフォーラムに同様のことを書いたことがあるのですが、今回のような挙動は具合ではなく、CSSのデフォルトの設定状態です。
      あえて強制的に、改行させないようにするには、#30402のように書く必要があるということを、付け加えておきます。

3件の返信スレッドを表示中
  • トピック「本文投稿で、全角数字だけ入力すると改行せずに枠を突き抜けて行く」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)