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屋！