我正在尝试制作一个小的用户名和密码输入框.
我想问一下,你如何垂直对齐一个div？
我有的是:
<div id="Login" class="BlackStrip floatright">
<div id="Username" class="floatleft">Username<br>Password</div>
<div id="Form" class="floatleft">
<form action="" method="post">
<input type="text" border="0"><br>
<input type="password" border="0">
</form>
</div>
</div>
如何使用id用户名和表单将div垂直对齐到中心？我试图把:
vertical-align: middle;
在CSS中为id登录的div,但它似乎不起作用.任何帮助,将不胜感激.
我想漂浮div到中心.可能吗？text-align: center在IE中不起作用.
我正在尝试将newsslider(在div底部容器中)放在此页面上:
http://www.luukratief-design.nl/dump/parallax/index.html
我已经有了 text-align: center;
它仍然无效.
有什么建议？
我正在尝试为我的网站中心的目标网页在屏幕的中心创建一个div,但它无法正常工作.
这是我的代码
CSS:
.centerDiv{
width:800px;
margin:0 auto;
border-radius: 5px;
background:#111;
padding:10px;}
HTML:
<div id="centerDiv" class="centerDiv">
<h1>Title</h1>
<p>Text will go here.</p>
</div>
谢谢.
可能重复:
中心div在%高度div中垂直？
嘿所有,我有一个包含一些内容的页面.我需要将整个内容集中在一起,以便在大分辨率下,内容始终位于页面的中间.两件事情.首先,如果分辨率很小,我至少希望内容在到达页面顶部时停止.我试过做顶:50%高度:680 margin-top:-340px.问题是,在较小的重新组合中,内容会从页面上飞出.我该怎么做呢？导航在顶部的绝对div中,这也必须垂直居中.谢谢你的帮助!
呃
我想将扬声器div居中,这位于评论区内.我似乎无法让它工作.:(
HTML:
<div class="review">
<div class="speaker">
<p>SPEAKER DIV</p>
</div>
</div>
CSS:
.speaker{
align:center;
}
这不起作用:/
有人可以告诉我如何使用IE9:
我试图使"中心"div出现在中心..它与ff和chrome工作正常,但我花了最后1小时试图让它与IE9一起工作.它一直向左走!
使其工作的唯一方法是将text-align设置为父容器的中心.有人知道其他任何方式吗？更"适当"？
谢谢!
<html>
<head>
<style type="text/css">
#center {
width: 200px;
border: 1px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="center">
Hello World!
</div>
</body>
</html>
</code>
有人可以帮助我让div id"loader"漂浮在div类"Window"的中心.谢谢.
<div id="someid" class="Window">
<div id="loader"></div>
</div>
更新*我需要将它放在一个块的绝对中间.让我们说"窗口"类是400px高.如何让"装载机浮在中心(高度/宽度)"？
我有一个非常简单的问题,但我似乎无法解决它.我在div中有一个表,这是主要元素.现在我在表格中有一个td标签,其宽度和高度设置为iphone屏幕尺寸.现在我基本上想要将该表与其div标签中的td单元居中,这样"屏幕"将在任何浏览器窗口中居中.我怎么做？
用表替换div解决了我的问题,但我想用div代替.
谢谢
我的背景图像的行为是,当我调整浏览器窗口大小时,图像总是完全居中.它在顶部,左侧,右侧和底部与浏览器窗口的边缘相同的"距离".
CSS:
background-image: url("ipad.jpg");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 563.5px 800px;
我有一个div覆盖这个图像,我希望它的行为方式与背景图像相同,因此它始终位于同一位置的背景图像上方.
这甚至可能吗？如果是的话.怎么样？我希望你明白我想要实现的目标.:) 非常感谢您的帮助.:d
我想知道如何以divCSS 为中心.我搜索了一些东西并检查了stackoverflow,但它与我的CSS代码冲突.
这是我的代码(以防万一):
body, p, span, div {
font-family: 'Droid Sans', arial, serif;
font-size:12px;
line-height:18px;
color:#6d6d6d; }
.countdown {
padding-top:15px; width: 100%;
height: 68px;
margin:0 auto 0 auto;
bottom:0;
position:absolute;
}
.countdown .countdown_section{
background:url('images/backcountdown.png') no-repeat 1px top;
float:left;
height:100%;
width:54px;
margin:0 5px;
text-align:center;
line-height:6px;
}
.countdown .countdown_amount {
font-size:15px;
color:#ab7100;
text-shadow:0 0.8px #fedd98;
line-height:52px;
font-weight:bold;
text-align: left;
}
.countdown span {
font-size:8px;
color:#999999;
text-transform:uppercase;
line-height:26px;
}<body>
<div class="countdown clearfix">
</div>
</body>css ×13
html ×10
center ×2
alignment ×1
background ×1
center-align ×1
dhtml ×1
margin ×1
positioning ×1