想用CSS垂直居中div。不想要表或Javascript,但只有纯CSS。找到了一些解决方案,但都缺少对Internet Explorer 6的支持。
<body>
<div>Div to be aligned vertically</div>
</body>
如何在所有主流浏览器(包括Internet Explorer 6)中垂直居中div?
我想用CSS垂直居中一个div。我不想要表格或JavaScript,只想要纯CSS。我找到了一些解决方案,但它们都缺少对Internet Explorer 6的支持。
<body>
<div>Div to be aligned vertically</div>
</body>
如何在所有主流浏览器(包括Internet Explorer6)中将div垂直居中?
我想要一个网页,内容居中,并指定最小宽度,以便它在智能手机的小屏幕上调整大小,但在PC上看起来仍然很好。
如果我将div的宽度设置为1024px,并设置自动边距,那么当浏览器窗口的宽度超过1024px时,div将保持居中。
但很明显,如果用户在小屏幕上查看站点,则需要横向滚动。
因此,我尝试将宽度更改为"min- width :480px“,但div在大浏览器窗口中不会居中。
我已经做了大量的谷歌搜索,博客/论坛的帖子声称,你所要做的就是设置最小宽度和自动边距。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"&g
我在使用了JsFiddle。我将其更改为将div显示为方形对话框(水平和垂直居中)。结果是在。
如你所见,水平居中很容易,但我不能让它垂直居中。有人知道如何用纯CSS做到这一点吗?
编辑代码如下:
<div class="blind">
<div class="wrapper">
<div class="main">
I'm your div with an aspect-ratio of 1:1!
</div>
<