display的不同
display：block 和 display：inline-block 有什么不同？？
CHIOWENGKUEN
2016-04-21
6 回答
舉報
0/150
提交
取消
2016-04-21
block塊狀元素要另起一行，長高間距可自行設置，inline-bloc內聯(lián)聯(lián)塊狀都在一行，長高間距也可以自行設置，他們不設置的情況下是它父容器的·100%
2016-04-21
display:block 就是將元素顯示為塊級元素，總是在新行上開始，高度、行高以及頂和底邊距都可控制，寬度缺省是它的容器的100%，除非設定一個寬度。
display:inline-block將對象呈遞為內聯(lián)對象，但是對象的內容作為塊對象呈遞。旁邊的內聯(lián)對象會被呈遞在同一行內，允許空格。應用此特性的元素呈現(xiàn)為內聯(lián)對象，周圍元素保持在同一行，但可以設置寬度和高度地塊元素的屬性。
2016-04-21
block塊狀元素要另起一行，長高間距可自行設置，inline-bloc內聯(lián)聯(lián)塊狀都在一行，長高間距也可以自行設置，他們不設置的情況下是它父容器的·100%
2016-04-21
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>流動模式下的內聯(lián)元素</title>
<style type="text/css">
span{
??? display:block;
??? width:100px;
??? height:200px;
}
</style>
</head>
<body>
??? <a href="http://idcbgp.cn">idcbgp.cn</a><span>強調</span><em>重點</em>
??? <strong>強調</strong>
</body>
</html>
我用block寫出來寬度和高度都變，用inline-block只變寬度，不變高度，為什么？？
2016-04-21
display:inline 轉化成內聯(lián)元素，不換行；display:block轉換成塊元素，換行；
2016-04-21
block是另起一行的塊狀元素；inline-block不是另一起一行的，文字的高度和寬度就是他的高度和寬度。