前面有一篇文章講到在css世界中,html元素的表現(xiàn)都是一個個盒子,而css中盒子的顯示方式有三種方式,分別是塊元素、行內(nèi)元素和行內(nèi)塊元素。本文總結這三種顯示方式的特征和區(qū)別。
1 寫在前面
最近在整理cnblogs上頁面的樣式,默認右側【隨筆分類】中的標簽是每行顯示一個,而我想把右側【隨筆分類】中的標簽設置為一行顯示多個標簽,至于顯示多少個則隨標簽的大小而定,并且每個標簽在鼠標放上去的時候會有背景顏色的變化。效果如下圖。
下面我們就來分析一下如何讓左邊的標簽顯示方式變?yōu)橛疫呥@樣的吧
2 塊元素
在分析塊元素之前我們首先建立html網(wǎng)頁,以便后面的分析。html代碼如下。
<html> <head> <meta charset="utf-8"> <style type=