2011-10-03 3 views
5

그것은 여전히 ​​넘쳐은 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

당신은 "최대 폭"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

좋아, 내가이 일을 할 때 내 콘텐츠가 넘쳐 흐르기 시작했다 ... 그게 내가 말한 것을 그 브릿지로 만들지는 못했다 ... –

+0

@ Eray의 jsfiddle을 체크 아웃해서는 안된다. 거기에서 잘 작동합니다. – esqew

1

텍스트가 문제의 예에서와 같이 공백을 포함하지 않는 경우 오버 플로우 을 방지하지 않습니다 -both- 최대 너비와 폭입니다.

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

해결책을 보려면 fiddle을 참조하십시오.

이 경우 div는 작동하려면 "word-wrap: break-word" 의 스타일을 가져야합니다.

또는 "overflow-wrap: break-word"

관련 문제