Question

我想用CSS在页面的正中心设置一个div，现在在你们实际上向我推荐一些谷歌搜索结果之前，我知道它们不起作用

这个例如：

top: 50%;
left: 50%;

这不是div的中心，它以中心+宽度+高度为中心。我怎样才能将它准确地放在中间？这是我的div：

<div class="notification-instance ui-draggable ui-draggable-handle" style="width:33.333333333333336%;position:absolute;top:50%;left:50%;margin:0 auto;">
    <div class="draggable panel panel-pink">
        <div class="panel-heading" style="background-color: #B00049">
            Panel Title
        </div>
        <div class="panel-body">
            Panel Body
        </div>
    </div>
</div>

我也不能将col-md与bootstrap一起使用，这样就不会出现问题了。我也不知道我的div的宽度或高度，因为它通过参数传递

Answer 1

使用<div class="notification-instance ui-draggable ui-draggable-handle" style="width:33.333333333333336%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;"> <div class="draggable panel panel-pink"> <div class="panel-heading" style="background-color: #B00049"> Panel Title </div> <div class="panel-body"> Panel Body </div> </div> </div>

＆＃13;

演示是here

使用CSS将DIV居中

1 个答案: