想用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垂直居中?
我试图在我的页面中居中一个div,但是我有一个非常特殊的布局,它不能让我用常规的页边距居中:汽车属性。我所拥有的,基本上是这样的:
HTML:
<div id="container">
<div id="sidebar">
some text
</div>
</div id="content">
some text
</div>
</div>
CSS:
#container{
margin: 0 auto
我需要有一个div,它的内容总是相对于屏幕居中,但我也有其他的div在我想要居中的左侧。如果我只是将" center“div的内容居中,它将相对于div宽度居中,而不是屏幕。
我尝试过的
我想要的是这样的东西..。
| true center |
|left div| centered D |
|longer left div| center
就像标题中所说的那样,我想在屏幕中间对一些框(比如说登录框)进行居中。在此框下,我想显示其他几个框(附加信息/免责声明等)。
编辑:更准确地说:居中登录框,必须是垂直和水平居中,并停留在那里。附加框应该出现在居中的登录框下面。
做这件事最简单的方法是什么?
HTML:
<div id="centeredBox">
I am centered and have some undefined size (cause I could display some image
</div>
<div id="underCenteredBox
我在使用了JsFiddle。我将其更改为将div显示为方形对话框(水平和垂直居中)。结果是在。
如你所见,水平居中很容易,但我不能让它垂直居中。有人知道如何用纯CSS做到这一点吗?
编辑代码如下:
<div class="blind">
<div class="wrapper">
<div class="main">
I'm your div with an aspect-ratio of 1:1!
</div>
<
我有一个div,里面有很多东西,我想要做的是在上面放一个图像,居中。我的基本布局如下所示:
<div>
<img style="display:block; position: absolute; top:50%; left:50%; margin-top:-33px; margin-left:-33px;" src="Images/ajax-loader_001.gif" />
<!-- a bunch of tables and stuff that doesn't have a conveniently