Buộc hình ảnh không bị quấn

Question

Tôi không thể chạm vào chủ đề html nhưng tôi có quyền truy cập vào các tệp css.

<div class="photos"> 
    <img src="a.jpg" alt="" align="left" /> 
    <img src="b.jpg" alt="" align="left" /> 
    <img src="c.jpg" alt="" align="left" /> //align makes the images wrap 
</div> 

Đáng tiếc là tôi không thể loại bỏ align = "left" từ những hình ảnh khác đoạn CSS này sẽ làm công việc

.photos{ 
    white-space: nowrap; 
} 
.photos img{ 
    display: inline; 
    vertical-align: top; 
} 

Bất kỳ ý tưởng? Thậm chí có thể làm cho những hình ảnh này xếp hàng theo chiều ngang mà không sử dụng lực của một bảng và chỉ với CSS?
Nhiều Cảm ơn trước!

Answer 1

Hãy thử float: none;:

.photos img{ 
    display: inline; 
    vertical-align: top; 
    float: none; 
} 

Answer 2

Hãy thử điều này:

.photos img{ 
    display: inline; 
    vertical-align: top; 
    clear: both; // clears the floating 
} 

Bạn có thể kiểm tra thêm về CSS clear tài sản trên W3Schools.

EDIT
Xin lỗi tôi đã hiểu sai bạn. Nghĩ rằng bạn đang cố gắng để ngăn xếp chúng. Bạn có quyền đi với float: none hoặc clear: right cũng sẽ phủ nhận phao. Tôi có lẽ sẽ đi với cả hai để chơi an toàn trên các giả định CSS đôi khi điên của IE! ;)