HTML中的span標記和div標記
在使用css排版網頁時，span和div常用的兩個的標記。利用這個兩個標記，加上css樣式控制，可以實現很復雜的網頁效果，下面為大家詳細講解一下他們區別和使用。
span和div概念區別和相似點
div標記是html3.0時提出來的，但是不常用，直到css的出現才慢慢變得應用廣泛起來。HTML4.0以后span才被引入，主要針對樣式表設計的。div與之間可以理解成一個容器，這個容器可以放段落、標題、圖片等各種HTML元素。div與之前的內容可看做一個獨立內容的對象，對於css的控制。先需要對div控制，再對div中各標記的元素再進行控制。
span標記與div標記一樣，作為容器標記廣泛應用在HTML中。span與中間同樣可以容納各種html元素，span與中間也可以視為獨立的對象。span和div兩個標記都可以獨立出區塊，這一點沒有很大的區別。
<div th:each="ingredient : ${wrap}"> <input name="ingredients" type="checkbox" th:value="${ingredient.id}" /> <span th:text="${ingredient.name}">INGREDIENT</span><br/> </div>
show：
span和div功能區別
span和div區別在於，div是一個塊級元素，它包含的元素會自動換行。而span是行內元素，在它的前后不會換行。span沒有結構上的意義，只是單純的應用樣式，其他元素不適合時，就可以使用span元素。span可以作為div的子元素，但div不能是span的子元素，如果出現span中出現div不符合ws3c的頁面標准。
span和div使用區別
span元素寬度是被包圍的內容寬度決定，不建議給span設置寬度屬性width，可以給span設置margin值，設置與父元素之前的距離。span可以通過css聲明（display:block）轉換為塊元素，想對一行中的文字或圖片單獨設置樣式，而又由不需要換行的條件下又不影響其他行內其他內容，span可以很好解決這些問題。
每天一個知識點，每日寄語“不論你在什么時候開始，重要的是開始之后就不要停止。”