如何实现两个div中心对齐呢 css 或js jq都行

html-css09

如何实现两个div中心对齐呢 css 或js jq都行,第1张

你定位用对了 但是你的div1和div2 都没有对top和left定位，你可以加上.div1{position：absolutetop:0left0} .div2{position:absolutetop:25pxleft:25px}

<style>

.box {display:flex width:200px border:1px solid #888}

.left {flex:1 1 auto background:#88f white-space:nowrap overflow:hidden}

.right {flex:1 1 auto text-align:right background:#f88 white-space:nowrap text-overflow:ellipsis overflow:hidden}

</style>

左边多右边少，总体没有超出范围：

<div class="box">

   <span class="left">左左左左左左左</span>

   <span class="right">右右右</span>

</div>

左边少右边多，总体没有超出范围：

<div class="box">

   <span class="left">左左左左</span>

   <span class="right">右右右右右右</span>

</div>

左边和右边加起来超出范围：

<div class="box">

   <span class="left">左左左左左左左左左</span>

   <span class="right">右右右右右右右</span>

</div>