09/10/2018, 23:56
Câu hỏi về div và css
Mình có 1 div như sau:
<div style="height:145px; width:600px; border:2px solid #FF0000;">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
<img src="4.jpg" />
<img src="5.jpg" />
<img src="6.jpg" />
<img src="7.jpg" />
<img src="8.jpg" />
<img src="9.jpg" />
<img src="10.jpg" />
</div>
Mỗi tấm hình có độ lớn: height-170px; width-134px
Cho nên chỉ có 3 tấm hình nằm trong div, những tấm còn lại bị đẩy xuống dưới. Giờ có cách nào cho những tấm nằm ngoài bị ẩn đi (vẫn nằm phía bên phải của các tấm ảnh còn lại) ko nhỉ ?
<div style="height:145px; width:600px; border:2px solid #FF0000;">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
<img src="4.jpg" />
<img src="5.jpg" />
<img src="6.jpg" />
<img src="7.jpg" />
<img src="8.jpg" />
<img src="9.jpg" />
<img src="10.jpg" />
</div>
Mỗi tấm hình có độ lớn: height-170px; width-134px
Cho nên chỉ có 3 tấm hình nằm trong div, những tấm còn lại bị đẩy xuống dưới. Giờ có cách nào cho những tấm nằm ngoài bị ẩn đi (vẫn nằm phía bên phải của các tấm ảnh còn lại) ko nhỉ ?
Bài liên quan
<div style="height:145px; width:600px; border:2px solid #FF0000;overflow:auto">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
<img src="4.jpg" />
<img src="5.jpg" />
<img src="6.jpg" />
<img src="7.jpg" />
<img src="8.jpg" />
<img src="9.jpg" />
<img src="10.jpg" />
</div>
Giờ làm sao để ẩn luôn cái đó scrollbar, và các ảnh bị đưa về phía bên phải nhỉ ?
dùng overflow: x đi (x= cái gì tự tìm , chịu khó google khoảng vài phút đi )
Chỉ nhìn sơ qua là đã thấy điều vô lí trong cách viết của bạn. Điều mà 3 tấm hình kia ở nhìn thấy ở ngoài thẻ div là một điều đương nhiên. Tôi xin giải thích cho bạn gốc rễ của vấn đề như sau:
Sở dĩ bạn nhìn thấy hình ở ngoài thẻ div là do bạn đã đặt chiều cao cố định cho thẻ div là 145 trong khi đó chiều cao của hình lại là 170, tôi không biết bạn có ý định gì khi đặt chiều cao cho thẻ div nhưng nếu bạn không muốn mấy ảnh kia nằm ở phía ngoài thì hãy bỏ thuộc tính height của thẻ div kia đi.
Cho đáp án luôn http://www.w3.org/TR/REC-CSS2/visufx...opdef-overflow (tôi cũng chỉ gúc ra cái đó thôi)
Hồi trước sư phụ bực quá gõ đầu Ngộ Không, nếu Ngộ Không cũng nhìn sơ qua mà đoán sư phụ giận mình thì có phải phí 72 phép ko. (bạn bè Ngộ Không ai cũng nghĩ Bồ Đề quá giận con khỉ vì nó quá bướng đi).