可变长度的div水平居中

xiaoxiao2025-05-07  42

我们所熟知的div水平居中方式(例如:margin:0 auto;),都必须基于div有固定宽度width

如果dom元素内容是不固定的,那么就无法定义宽度.所以这个地方就很难弄.

接下来请上眼瞧

.center{     display: table; /* 当前元素采用最小的宽度.不默认全宽*/     margin: 0 auto;  }

测试发现兼容性还行

<div id="父元素" >

   <div class="center">这里的内容永远相对父元素水平居中</div>

</div>

转载请注明原文地址: https://www.6miu.com/read-5030029.html

最新回复(0)