2011-10-03 55 views
5

của nó vẫn tràn nó trông như thế nàyLàm cách nào để giới hạn chiều rộng 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

Bạn đang tìm kiếm thuộc tính css "chiều rộng tối đa"? –

Trả lời

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

Hoặc thậm chí chỉ 'chiều rộng: 500px'. –

+0

ok, khi tôi làm điều này nội dung của tôi bắt đầu tràn ... nó đã không làm cho rằng br những gì tôi đã nói về ... –

+0

Nó không nên làm điều đó, hãy kiểm tra jsfiddle @ Eray của. Hoạt động tốt ở đó. – esqew

1

chiều rộng và chiều rộng tối đa - không ngăn chặn tràn nếu văn bản không chứa bất kỳ dấu cách nào như trong ví dụ trong câu hỏi.

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

xem giải pháp này fiddle.

Đối với trường hợp này, div phải có kiểu "word-wrap: break-word" để hoạt động.

Hoặc "overflow-wrap: break-word"

Các vấn đề liên quan