我在使用了JsFiddle。我将其更改为将div显示为方形对话框(水平和垂直居中)。结果是在。
如你所见,水平居中很容易,但我不能让它垂直居中。有人知道如何用纯CSS做到这一点吗?
编辑代码如下:
<div class="blind">
<div class="wrapper">
<div class="main">
I'm your div with an aspect-ratio of 1:1!
</div>
<
就像标题中所说的那样,我想在屏幕中间对一些框(比如说登录框)进行居中。在此框下,我想显示其他几个框(附加信息/免责声明等)。
编辑:更准确地说:居中登录框,必须是垂直和水平居中,并停留在那里。附加框应该出现在居中的登录框下面。
做这件事最简单的方法是什么?
HTML:
<div id="centeredBox">
I am centered and have some undefined size (cause I could display some image
</div>
<div id="underCenteredBox
我正在尝试居中文本(水平和垂直),我在这方面有一点困难。
这就是我尝试过的,但它只是水平居中,而不是垂直居中。
如何将此文本置于中心位置?
<div class="playerDetailsPage">
<p>
<h4>The text will be in the center</h4>
</p>
</div>
css
.playerDetailsPage {
background-color
我有一个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