站長資訊網(wǎng)css中display屬性的用法：1、將元素從一個類型轉(zhuǎn)化成另一個類型，例如使用“display:inline;”語句可將block塊元素轉(zhuǎn)換成inline行內(nèi)元素；2、隱藏元素，語法“display:none;”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。
display屬性：將元素從一個類型轉(zhuǎn)化成另一個類型
display屬性的取值：
-
inline：行內(nèi)元素
-
block：塊元素
-
inline-block：行內(nèi)塊元素
-
table：以表格的形式顯示，類似于table元素
-
table-row：以表格的形式顯示，類似于tr元素
-
table-cell：以表格的形式顯示，類似于td元素
-
none：隱藏元素
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> img{ display: block;/*使圖片換行*/ } div{ width: 48%; border: 1px solid red; display: inline-block;/*使div分塊*/ } </style> <title>display</title> </head> <body> <img src="../../img/coffee.jpg" alt=""> <img src="../../img/coffee.jpg" alt=""> <div> div1 </div> <div > div2 </div> </body> </html>
（學習視頻分享：css視頻教程）
