2013-04-06 34 views
18

Có cách nào để tránh gói nội dung của div khi nội dung không chỉ là văn bản, ví dụ: một số nút?CSS hiện nay không phải là phần tử văn bản?

+1

bạn có nghĩa là 'overflow: hidden'? Xin vui lòng cho biết khi "gói" có nghĩa là – benams

+0

"gói" có nghĩa là không gian trắng: nowrap; không hoạt động với nội dung không phải văn bản, nội dung được gói (mất nhiều hơn 1 dòng) – cur4so

+0

Vui lòng hiển thị trường hợp 'không gian trắng: cụm từ 'không hoạt động đối với các nút. Các phần tử 'Button' là nội dung văn bản, theo các điều khoản HTML và CSS. –

Trả lời

25

white-space:nowrap; nên thực hiện thủ thuật.

#foo { 
 
    white-space:nowrap; 
 
    width: 100px; 
 
}
<div id="foo"> 
 
    <input type="button" value="hello"/> 
 
    <input type="button" value="hello"/> 
 
    <input type="button" value="hello"/> 
 
    <input type="button" value="hello"/> 
 
    <input type="button" value="hello"/> 
 
    <input type="button" value="hello"/> 
 
    <input type="button" value="hello"/> 
 
</div>

Demo

+0

Bản trình diễn không hoạt động trong trình duyệt của tôi (Chrome 60.0.3112.113). Tôi phải thêm "overflow: hidden" vào "#foo". – Sven

-1

Bạn có thể tuyên bố vị trí tĩnh cho các nội dung khác sử dụng

position:absolute; 
0

Bạn có thể đặt cả những thuộc tính trong CSS:

white-space:nowrap;max-width:something;

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