div 與 span 類似的地方是:
兩個標籤的目的都是將內容分為不同的區域。
而不同的地方是:
- span 可以涵蓋更細層的元素,因此可以用 span 來調整單一文字的樣式;而 div 的每一個區域可以根據 CSS 中的宣告而有自己的樣式。
- 在 span 之後並不會換行;在 div 標籤後會換行。
如以下範例:
<!DOCTYPE html>
<html>
<head>
<title>CSS div&span</title>
<meta charset="utf-8">
<style type="text/css">
.large {
color: #00FF00;
font-family:arial;
}
.largefont {
color: #0066FF;
font-family:arial;
}
</style>
</head>
<body>
<div class="large">
這是 DIV 範例。
</div>
Span <span class="largefont">可以涵蓋更細層的元素</span>,另外,在 span 之後並不會換行。
</body>
</html>