某人如何使用css將多個圖像垂直對齊（一個在另一個之上）？

如何在屏幕的左側將多個圖像以垂直順序排列在另一個下方？某人如何使用css將多個圖像垂直對齊（一個在另一個之上）？

感謝

2010-12-09 Mo.

上所有的人都加入display: block，他們會像資料覈實，並對齊像你默認希望他們。

一個簡單的例子：

<!DOCTYPE html> 
<html> 
<body> 
<style> 
    img.block{ 
     display: block; 
    } 
</style> 
<img class="block" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="Google logo" /> 
<img class="block" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="Google logo" /> 
<img class="block" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="Google logo" /> 
<img class="block" src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="Google logo" /> 
</body>

來源

2010-12-09 23:44:34

實施例？你有我們可以看的URL嗎？我的意思是，這可以很容易地完成，這一切都取決於你需要做什麼。

來源

2010-12-10 00:07:19

-1

這將是最簡單和最快的。（不是最好的方法）

<h4>This table has no borders:</h4> 
<table> 
<tr> 
    <td>image.gif</td> 
</tr> 
<tr> 
    <td>image.gif</td> 
</tr> 
<tr> 
    <td>image.gif</td> 
</tr> 
<tr> 
    <td>image.gif</td> 
</tr> 
</table>

http://www.w3schools.com/html/html_tables.asp

來源

2010-12-10 02:15:46

絕對不是最好的！順便說一句，我不是。 – AUSteve 2010-12-10 03:00:59

表...他們永遠不會死。 – 2010-12-10 06:37:02

下面的CSS應該這樣做

display: block; float: left; clear: both;

來源

2010-12-10 05:42:54 pixeltocode

某人如何使用css將多個圖像垂直對齊（一個在另一個之上）？

回答

相關問題