- ベストアンサー
padding-rightの指定がきかずにこまっています。
padding-rightの指定がきかずにこまっています。 原因はいろいろ考えられるとおもいますが、 padding: 15px 18px 20px 15px;としていしても、添付画像のようにテキストが右側にはみだしてしまいます。初心者なのでどこがおかしいのかよくわかりません。考えられるソースの間違いはチェックしてみました。どなたか原因が考えられる方、回答よろしくおねがいします。
- eriko123
- お礼率73% (14/19)
- デザイナー・クリエイティブ職
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
> padding: 15px 18px 20px 15px;としていしても、添付画像のようにテキストが右側にはみだしてしまいます。 ちょっと小さ過ぎてはっきりは読めませんが、添付画像のイメージを見る限りでは「はみだして」しまうとおっしゃっているテキストは1バイト文字がスペースを空けずに連続（例えばhogehogehogehogehoge…という具合に）している様に見えます。 もしそうであれば、現在の表示は当然の結果となります。1バイト文字の連続は、1ワードと見なされ、途中で改行がされない仕様になっています（通常の単語では、そんなに長い1バイトの文字列は存在しませんので。）。その連続が本来そのコンテナブロックに設定された描画領域（幅）よりも長ければ、余白の有無に関わらずはみ出して表示されます。 日本語で「テキストテキストテキスト…」とかと入れてみて下さい。ちゃんとpadding-rightも効いて規定の幅で折り返しませんか？
お礼
ありがとうございます。試してみました。 ちゃんと折り返しました。 １バイト文字は折り返さないというのは知りませんでした、、、。