div+css怎么設置讓5張圖片均勻排列在一行

在css中，可以給div標簽內的img元素設置float浮動屬性，讓所有圖片浮動向一個方向，便可以實現排列成一行。下面小編舉例講解div+css怎么設置讓5張圖片均勻排列在一行。

東西/原料

1
新建一個html文件，定名為test.html，用于講解div+css怎么設置讓5張圖片平均擺列在一行。
2
在test.html文件內，利用div標簽建立一個模塊，下面將在div內添加圖片。
3
在test.html文件內，在div內，利用img標簽建立五張圖片，圖片為images文件夾下面的2.jpg。
4
在test.html文件內，編寫<style type="text/css"></style>標簽，頁面的css樣式將寫在該標簽內。
5
在css標簽內，經由過程類名和元素名稱設置img樣式，界說其寬度、高度為100px ,并利用float屬性將所有圖片界說浮動標的目的左，從而實現圖片平均擺列在一行。
6
在瀏覽器打開test.html文件，查看實現的結果。
END