相信各位从事前端的新人都有碰到这么一个问题:一个div盒子里放了两个元素,子元素都设置了占宽50%,却不能并排显示,其中一个被挤压到下一行;
当时碰到这种情况,在网上初步看到了解决方案:给子元素添加负的margin值就可以,然而对齐详细原因并未深究,今天刚好有个朋友问我这个问题,就顺便给大家分享一下吧。
代码如下:
<style>
.box{
width:200px;
height:100px;
}
img{
width:50%;
}
</style>
<body>
<div class="box">
<img src="">
<img src="">
</div>
</body>