10/10/2018, 09:38

Hỏi về code để các hình nằm cùng 1 dòng mà không bị rớt dòng

Chào các bạn.
Cho mình hỏi khi mình dùng HTML để gán hình, doạn mã như sau:

<a href="http://ssc.vn/forum/forumdisplay.php?f=187"><img src="http://ssc.vn/forum/quangcao/1.jpg" width="400" border="0"></a><a href="http://ssc.vn/forum/showthread.php?t=62361"><img src="http://ssc.vn/forum/quangcao/2.jpg" width="400" border="0"></a><a href="http://ssc.vn/forum/showthread.php?t=62361"><img src="http://ssc.vn/forum/quangcao/3.jpg" width="400" border="0"></a>

Thì nó được file như thế này: http://ssc.vn/web/ddth.html

3 hình sắp trên 1 dòng. Tuy nhiên nếu thu nhỏ cửa sổ hoặc mở file HTML trên ở máy tính có màn hình 14 inch thì hình bị rớt xuống 2-3 dòng chứ không cùng nằm trên 1 dòng như ở màn hình lớn.

Mình muốn hỏi là có thể có code nào giúp mình luôn nằm trên 1 dòng không, dù bất kỳ màn hình nào. Nếu màn hình nhỏ quá thì nó hiện thanh trượt chứ không làm rớt hình xuống dòng.

Mong các bạn chỉ giúp.

tam_giang viết 11:47 ngày 10/10/2018

Ba hình của bạn tổng cộng 1200 fixed nên gặp màn hình chiều ngang nhỏ hơn 1200 nó rớt là đúng rồ.

redstorm viết 11:49 ngày 10/10/2018

thử overflow hoặc iframe xem

vvthong viết 11:46 ngày 10/10/2018

Thử thế này xem
<div style="display:inline">
<img src="path" align="absmiddle" alt="" />
<img src="path" align="absmiddle" alt="" />
<img src="path" align="absmiddle" alt="" />
</div>

truongphinguyen viết 11:39 ngày 10/10/2018

Không được luôn các bạn ui. mình thấy có một số web làm được.

tungoso viết 11:43 ngày 10/10/2018

sặc, yêu càu thì abc mà toàn người tư vấn những thứ cao siêu không, bạn đặt nó trong 1 table với width cố định là đc mà

Code:

<table width="1200" align="center">
	<tr>
		<td>
			<a href="http://ssc.vn/forum/forumdisplay.php?f=187"><img src="http://ssc.vn/forum/quangcao/1.jpg" width="400" border="0"></a><a href="http://ssc.vn/forum/showthread.php?t=62361"><img src="http://ssc.vn/forum/quangcao/2.jpg" width="400" border="0"></a><a href="http://ssc.vn/forum/showthread.php?t=62361"><img src="http://ssc.vn/forum/quangcao/3.jpg" width="400" border="0"></a>
		</td>
	</tr>
</table>

nếu thấy ok thì tặng mình mình một suất VIP Salon Kiều Vy nhé, chắc bằng 1% tiền họ trả quảng cáo thôi mừ

ngoc_viet08 viết 11:39 ngày 10/10/2018

đây là vấn đề thừong gặp khi mới bắt đầu dựng layout cho website.
layout có thể dùng table hoặc div . tuy nhiên table đang bị chê bai dần . đa số layout tableless. nên dùng div .
bạn cần tạo ra 1 khung div cố định với chiều rộng 1200 . thì khi thu nhỏ window sẽ ko bị tràn xuống . vì khung đã cố định rồi
<div style="width:1200">
<img...<img..<img...>
</div>
thử cái coi ?

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

truongphinguyen

0 chủ đề

0 bài viết

Tác giả nổi bật