您能告诉我如何使div垂直和水平对齐吗？我需要在页面中心显示两个div。第二个两个div之间有一些空白如何删除此空白是我的代码
<div style="height:100px;width:100px;border:1px solid red;"class="moreinfo">
</div>
<div style="height:100px;width:100px;border:1px solid red" class="moreinfo">
</div>
https://jsfiddle.net/tbnd90fd/
我确实喜欢https://jsfiddle.net/tbnd90fd/1/
最好的办法？
.maindiv{
text-align: center;
position: absolute;
left: 45%;
top: 45%;
}
我给左上角..这是最好的方法吗？以及如何删除边距？
从.maindiv删除text-align，组left和right向50%，最后，再添加一个行transform:translate(-50%, -50%);。通过这种方式，maindiv左上角将被放置在中心，然后transform将其“拉”回去并保持其自身大小的一半（并且您不再需要margin:auto）。
有例子：
.moreinfo {
display: inline-block;
margin:0px;
padding:0px;
}
.maindiv
{
position: absolute;
left: 50%;
top: 50%;
margin:0;padding:0;
transform:translate(-50%,-50%);
} <div class="maindiv">
<div style="height:100px;width:100px;border:1px solid red;"class="moreinfo"></div><div style="height:100px;width:100px;border:1px solid red;" class="moreinfo"></div>
</div> 更新 ：
将divs被视为内联元素。就像两个跨度之间的空格或换行符会产生间隙一样，内联块之间也是如此。你可以给他们一个阴性切缘......在这个例子中，你可以改变，在moreinfo，margin:0px到margin:-2px;。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句