2011-10-03 9 views
5

ITSはまだあふれ、それがmax-widthでこのdivの幅を制限する方法は?

<table id="hlavni" style=" position:absolute; border:none; position:relative; background-color:#FFC; border:#999 1px solid;" cellpadding="5"> 
       <tr> 
       <td id="yamana" class="trida" valign="top" style="line-height:1.5em;"><div style="background-color:#FFC;" id=load_tweets>44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444</div> 
     </td> 
     </tr></table><br /> 
+0

"max-width" CSSプロパティをお探しですか? –

答えて

8
<html> 
<head> 
    <style type="text/css"> 
    #limit { 
     max-width: 500px; 
    } 
    </style> 
</head> 
<body> 
    <div id="limit">Your content goes here</div> 
</body> 
</html> 
+1

または単に 'width:500px'。 –

+0

私はこれを行うとコンテンツがオーバーフローし始めます...それは私が話していたことをbrにしませんでした... –

+0

@ Erayのjsfiddleをチェックしてはいけません。そこではうまく動作します。 – esqew

1

最大幅と幅-both-オーバーフローを防止しないテキストにスペースが含まれていない場合質問の例のように。

div { 
    max-width : 300px; 
    word-wrap: break-word; 
} 

これを解決するには、このfiddleを参照してください。

この場合、動作するにはdivのスタイルが「word-wrap: break-word」 である必要があります。

またはoverflow-wrap: break-word

関連する問題