我有这个菜单页面,我想将其分成 5 个相等的列。
我当前黄色 div 的 CSS 是:
width:20%;
height:100vh;
background-color: yellow;
display:inline-block;
在此之上,我还有 margin:0;
。如何去除黄色 block 之间的白色小间隙?
最佳答案
使用 display inline-block 有一个奇怪的副作用,它会在元素之间产生不需要的间隙:https://css-tricks.com/fighting-the-space-between-inline-block-elements/
一个快速的解决方法是让 div 向左浮动而不是使用 display: inline-block。
div {
width:20%;
height:100vh;
background-color: yellow;
float: left;
}
<div>Monday</div>
<div>Tuesday</div>
<div>Wednesday</div>
<div>Thursday</div>
<div>Friday</div>
关于html - 将 Div 宽度设置为无边距页面宽度的 20%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32549771/