站長(zhǎng)資訊網(wǎng)css中display屬性的用法：1、將元素從一個(gè)類(lèi)型轉(zhuǎn)化成另一個(gè)類(lèi)型，例如使用“display:inline;”語(yǔ)句可將block塊元素轉(zhuǎn)換成inline行內(nèi)元素；2、隱藏元素，語(yǔ)法“display:none;”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。
display屬性：將元素從一個(gè)類(lèi)型轉(zhuǎn)化成另一個(gè)類(lèi)型
display屬性的取值：
-
inline：行內(nèi)元素
-
block：塊元素
-
inline-block：行內(nèi)塊元素
-
table：以表格的形式顯示，類(lèi)似于table元素
-
table-row：以表格的形式顯示，類(lèi)似于tr元素
-
table-cell：以表格的形式顯示，類(lèi)似于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>
（學(xué)習(xí)視頻分享：css視頻教程）
