CSS是網頁設計中重要的一部分，它可以幫助我們實現很多的效果，比如讓
元素自換行，來看看如何實現。
上面的代碼定義了一個寬高為100像素，背景顏色為紅色的
元素。但是如果我們在頁面中添加多個這樣的元素，它們會擠在一起，無法實現自動換行。接下來，我們通過CSS來實現自動換行。
div {
display: inline-block; /*設置為內聯塊元素*/
margin-right: 10px; /*設置元素之間的間距*/
margin-bottom: 10px; /*設置行與行之間的間距*/
}將
元素的display屬性設置為inline-block，它就會像行內元素一樣排列在同一行，同時又像塊狀元素一樣具有寬度和高度。而且，我們還可以通過設置margin屬性來控制元素之間的間距和行之間的間距。
使用CSS實現
元素自換行，不僅可以美化網頁，還可以讓頁面更加整潔有序，讓用戶更加舒適的瀏覽網頁。我們可以在實際項目中使用這個方法，在網頁設計中更加得心應手。
上一篇css 實現小球旋轉跳動
下一篇css 實現ios選擇框