css - div 與 inline block 空隙?
本文介绍了css - div 與 inline block 空隙?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
想問問假設
<div class="layout">
<div class="layoutDiv">內容</div>
<div class="layoutDiv">內容</div>
<div class="layoutDiv">內容</div>
<div class="layoutDiv">內容</div>
<div class="layoutDiv">內容</div>
</div>
.layout
{
width:100%;
margin: 0 auto;
}
.layoutDiv
{
cursor: pointer;
position: relative;
width: 50%;
height: 100vh;
display: inline-block;
margin: 0;
}
這樣會讓div之間有空隙,於是導致他沒辦法一行兩個
他會跑到下面去......
解决方案
换行符导致的,最简单的就是给layout
添加font-size:0
,而且这种问题网上真的是一搜一大把,http://www.zhangxinxu.com/wor... 这里有个张鑫旭的,可以看看
这篇关于css - div 與 inline block 空隙?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文