2016-04-07 14 views
0

非常に長い言葉が使用されているときは、次のようにコメントに問題があります。 "Pneumonoultramicroscopilicovolcanoconiosis" コメントdivはちょっと小さいので、後になります。コメントの後ろにあるテキスト

私はそれがCSSのことだと思いますが、私はそれが何であるか把握できません。 通常の単語を使用すると、テキストが正しくフォーマットされます。divの右端に近づけば、改行が開始されます。 しかし、長い単語は単にコメントdivの右端の後ろにあります。

これを修正するにはどうすればよいですか?

申し訳ありません。

+1

「word-wrap:break-word'」を試してください。 – litel

+0

どのようなシステムでですか? –

+0

「後ろに行く」とはどういう意味ですか?この問題が発生したときに使用しているHTMLとCSSに質問に追加してください。 – TylerH

答えて

1

css word-wrapプロパティを使用してみてください。具体的には、word-wrap: break-word。例えば

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      p.test { 
       width: 11em; 
       border: 1px solid #000000; 
       word-wrap: break-word; 
      } 
     </style> 
    </head> 
    <body> 
     <p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p> 
    </body> 
</html> 

あなたはより多くのexpanationが必要な場合は、このプロパティのmore infoをチェックしてください。

関連する問題