首先看示例代码：
<div class="test-div">测试数据</div>
<div class="test-div"></div>
.test-div{
display: inline-block;
margin-left: 20px;
width: 100px;
height: 100px;
border: #19be6b 2px solid;
}
效果如下，填充内容后两个div发生错位：
解决办法：在div的样式中加上
vertical-align: top;
.test-div{
display: inline-block;
vertical-align: top;
margin-left: 20px;
width: 100px;
height: 100px;
border: #19be6b 2px solid;
}
效果：
首先看示例代码： 效果如下，填充内容后两个div发生错位： 解决办法：在div的样式中加上vertical-ali...
当在某个div中包含两个子div，这两个子div想要并列排列，所以使用了display:inline-block;...
需求：水平排列一行div，如图所示 综合考虑选择的display:inline-block然后出现了上面的问题，含...
div部分 CSS样式部分 .icon{ display:inline-block; vertical-alig...
补上这一段就可以啦：div { display:inline-block; _zoom:1;_display:in...
一：去除两个div之间的间距 如果给div用了display:inline-block;div之间就会出现间隙。如...
div{ display: inline-block; padding: 5px 20px; border-rad...
红色div和黑色div两个div的display属性均为：inline-block 却没有并排在同一行显示 （和宽...
span元素要获取高度必须使用 display:inline-block;或者 display:block;属性，...
在包裹层里嵌套的两个div设置display: inline-block时，正常情况下两个div会并排显示，如图 ...
本文标题：div使用display: inline-block排列，填充内
本文链接：https://www.haomeiwen.com/subject/phewdhtx.html
网友评论