<div>
我在一个容器中有两个元素<div>
,我需要将其中一个元素对齐在容器的左侧,将另一个元素对齐在容器的中心,同时保持它们内联。
如果我只剩float
下第一个,第二个就会偏离中心向右推。
现在我最好的解决方案是使容器position: relative
与text-align: center
左对齐第一个元素position: absolute
。
也许有另一种更好的方法来做到这一点,而不是绝对位置?
<div>
我在一个容器中有两个元素<div>
,我需要将其中一个元素对齐在容器的左侧,将另一个元素对齐在容器的中心,同时保持它们内联。
如果我只剩float
下第一个,第二个就会偏离中心向右推。
现在我最好的解决方案是使容器position: relative
与text-align: center
左对齐第一个元素position: absolute
。
也许有另一种更好的方法来做到这一点,而不是绝对位置?
这是一个非常长的镜头,但我发现在左侧浮动元素上应用一个很大的负边距右将补偿中心偏移......
尝试给浮动的 div 一个margin-right: -1000px;
一个div中有两个div有限制吗?你可以做 4 divs
:
<div id="one">
<div id="first"></div>
<div id="two">
<div id="second"></div>
</div>
</div>
并适用float: left
于#first
,#two
然后margin: auto
是#second