我想居中 <div />在<body />并添加额外的 margin-left和 margin-right
类似的东西 - 当然应该有效:) https://jsfiddle.net/kweyn912/
通常，我会使用 margin: auto ，但在这种情况下，我想特别添加额外的 margin ，所以我不能那样做。
我尝试使用 transform: translateX(-50%)连同 left: 50%和 margin-left .在我尝试设置 margin-right 之前一直有效
旁注:
我有一些限制:我不能使用 padding而不是 margin .我不能使用 position: absolute我必须使用 display: block
最佳答案
更新您的元素添加
div {
width: 200px;
height: 100px;
background: lightblue;
margin-left: 20px;
margin-right: 40px;
position: absolute;
left: calc(50% - 110px)
}
body {
width: 100%;
background: white;
text-align: center
}
关于html - 水平对齐 div 与额外的 margin-left 和 margin-right，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35585485/