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

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

このトピックには3件の返信が含まれ、2人の参加者がいます。4 年、 2 ヶ月前わいひら わいひら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #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のように書く必要があるということを、付け加えておきます。

トピック「本文投稿で、全角数字だけ入力すると改行せずに枠を突き抜けて行く」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)