                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

display:inline-block

那我加入display:inline-block后感覺跟沒有加是一個樣子的呢

jiayouba

2015-10-14

源自：初識HTML(5)+CSS(3)-升級版 12-4

關注問題我要回答

385

操作

收起

2 回答

luona
2015-10-19

不是一個樣子的，同學，

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
<title>內聯(lián)塊狀元素</title>
<style?type="text/css">
a{
????display:inline-block;

????width:60px;/*在默認情況下寬度不起作用*/
????height:20px;/*在默認情況下高度不起作用*/
????background:pink;/*設置背景顏色為粉色*/
????text-align:center;?/*設置文本居中顯示*/
}
</style>
</head>
<body>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
</body>
</html>

你看看然后把，display:inline-block;去掉你在看看

0 回復有任何疑惑可以回復我~

收起回答

丶YangBin
2015-10-14

注意IE6不支持inline-block屬性，可以用hack來解決：*display:inline;zoom:1;inline-block主要的用處是用來處理行內非替換元素的高寬問題的！

1 回復有任何疑惑可以回復我~

收起回答

#1

jiayouba 提問者

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>內聯(lián)塊狀元素</title> <style type="text/css"> h1 a{ width:20px;/*在默認情況下寬度不起作用*/ height:20px;/*在默認情況下高度不起作用*/ background:pink;/*設置背景顏色為粉色*/ text-align:center; /*設置文本居中顯示*/ } </style>能幫這個加你說的嗎

2015-10-15 回復有任何疑惑可以回復我~