在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ display:inline-block ，之后兩個(gè)元素不能放到一行上？

display:inline-block ，之后兩個(gè)元素不能放到一行上？

https://codepen.io/niusz/pen/...

回答
編輯回答
情未了

實(shí)踐證明,是可以在同一行的.
以下為Html內(nèi)容:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>菜鳥(niǎo)教程(runoob.com)</title>
    <style>
        /*最外層容器,寬高400,背景灰色*/
        #container {
            width: 400px;
            height: 400px;
            background-color:gray;
        }
        
        /*方塊1,背景綠色*/
        #div1 {
            background-color:green;
        }
        
        /*方塊2,背景紅色*/
        #div2 {
            background-color: red;
        }
        
        /*兩個(gè)方塊大小相同,寬高各150*/
        .same-row {
            width: 150px;
            height: 150px;
            display:inline-block; /*注釋或放開(kāi)此行可看到效果*/
        }
    </style>
</head>

<body>
    <div id="container">
        <div id="div1" class="same-row"></div>
        <div id="div2" class="same-row"></div>
    </div>
    
</body>

</html>

2017年4月24日 10:53
編輯回答
任她鬧
.ct {
  background: lightblue;
  height: 100px;
  font-size: 0;
}

去除inline-block元素間間距的N種方法

2017年8月18日 22:25