Ⅰ css如何让浮动的div居中对齐
.box{width:200px;margin:0 auto;}
这样box这个div就可以居中对齐
Ⅱ 通过JS弹出的浮动DIV层，居中于窗口中。
把style里面的left和top拿到js里面写
在CSS里面用expression是只有IE支持的 这就是不兼容的东西
<div id="divCenter" align="center" style="position: absolute; z-index: 3; display: none; background-color: #fff;" >
<span style="background-color:Gray; width:390px; height:220px; text-align:center;"><BR /><BR />面板中的内容</span>
</div>
<script language="JavaScript">
document.getElementById('divCenter').style.left = (document.body.offsetWidth - 540) / 2;
document.getElementById('divCenter').style.top = (document.body.offsetHeight - 170) / 2 + document.body.scrollTop;
</script>
<a onclick="javascript:document.all.divCenter.style.display='block';">显示该层</a>
Ⅲ html怎么让浮动的文字居中显示
1，文字外层，放个div,div加个样式，
<div class="text">这里是想要居中的文字</div>,
2样式表里这样写：
.text{text-align:center;}
<div class="text" style=" text-align:center;">这里是想要居中的文字</div>
Ⅳ 首页浮动层定义位置：上下顶置，左右居中
让id="apDiv1"的div上下顶置，左右居中
#apDiv1 {
text-align:center;
position:absolute;
width:200px;
z-index:1;
left: 50%;
top: 0;
bottom: 0;
margin-left: -100px;
}
Ⅳ 把一个层设置浮动之后怎样再让它居中显示啊
【居中显示】
“居中显示”的意思是高亮层位于视框左右上下居中的位置。
实现这个有两个方法：
1，视框宽度减去高亮层宽度的一半就是居中需要的left值；
2，先设置left值为50%，然后marginLeft设为负的高亮层宽度的一半。
方法1相对方法2需要多一个视框宽度，而且方法2在缩放浏览器时也能保持居中，明显方法2是更好，不过用margin会影响到left和top的计算，必须注意（例如SetFix修正的地方）。这里我选择了方法2，还要注意offsetWidth和offsetHeight需要在高亮层显示之后才能获取，所以定位程序需要放到高亮层显示之后：
this.Box.style.top = this.Box.style.left = "50%";
if(this.Fixed){
this.Box.style.marginTop = - this.Box.offsetHeight / 2 + "px";
this.Box.style.marginLeft = - this.Box.offsetWidth / 2 + "px";
}else{
this.SetCenter();
}
其中如果不是固定定位，需要用SetCenter程序来修正滚屏参数，SetCenter程序是这样的：
this.Box.style.marginTop = document.documentElement.scrollTop - this.Box.offsetHeight / 2 + "px";
this.Box.style.marginLeft = document.documentElement.scrollLeft - this.Box.offsetWidth / 2 + "px";
详细看参考资料
Ⅵ js怎么让浮动层始终在浏览器下居中
设置其标签属性 align="center" CSS设置：bottom:0px就好了
Ⅶ 如何居中一个浮动元素比如宽500 高 300 的层，然后设置层的外边距，怎么写
原文出处：http://blog.sina.com.cn/s/blog_8d322eff010192wx.html
回答：设置容器的浮动方式为相对定位
然后确定容器的宽高 比如宽500 高 300 的层
然后设置层的外边距
[html] view plain 在CODE上查看代码片派生到我的代码片
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
div{
width: 500px;
height: 300px;
margin: -150px 0 0 -250px;
position: absolute;
left: 50%;
top: 50%;
background-color: yellow;
}
</style>
</head>
<body>
<div>
元素居中
</div>
</body>
</html>
另一例：
转自：http://..com/link?url=odE_aNuRcMMFNPoCecdRihon-_3UOkl0dqhWCcxmXDgz9kGqa
<style type="text/css">
<!--
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #008800;
}
-->
</style>
<div>让层垂直居中于浏览器窗口</div>
其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。<a target=_blank target="_blank" class="inner-link decor-none" href="http://..com/search?word=margin-left&fr=qb_search_exp&ie=utf8" rel="nofollow" style="color: rgb(45, 100, 179); text-decoration: none;">margin-left</a>的值为－200。这样我们就实现了层垂直居中于浏览器的样式编写
如果你是想让div垂直居中与div，那么你可以在父级div上加一个position:relative即可
Ⅷ css div 层浮动以后 如何再在页面中居中
外层加个div给个宽，margin: 0 auto 即可。
Ⅸ css 怎么使浮动的板块居中啊
二种方法
1、父级div设置固定宽度后加margin:0 auto; 然后子级div加浮动，即可实现；不过次方法不能无限伸展；
2、在table内插入div，div设置浮动，在table上设置margin:0 auto; 而table不要设置宽度，因为table默认是宽度最小化的，实现居中的效果会比较好，而且可以无限伸展
注：有些老是说table不好，除非是做表格，其他地方绝对不要用，其实我个人是比较喜欢用table布局的，不过重点布局还是div+css，在一些容易出错的或者必须的地方用table也是不错的选择，人人都说div+css布局，我呢可以说是div+table+css布局
Ⅹ CSS中浮动之后的导航栏居中
给你的容器#containner设置一个宽度，然后使用语句margin:0 auto;其实就可以了。但可能IE6不支持自动空白边。你的body里的text-align:center;原意是让文本居中，但IE将text-align:center;理解成让所有的东西都居中，包括div标签；这是原理，下面我在你代码的基础上修改如下（测试可用）：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body *
{
margin:0px;
padding:0px;
text-align:center;
}
#containner
{
width:500px;
margin:0 auto;
position:relative;
background-color:#F4FFFF;
/*top:0px;*/
/*left:0px;*/
}
#banner2
{
width:100%;
height:100%;
float:left;
/*margin-left:0px;*/
/*margin-top:0px;*/
/*padding:0px; */
font-size:18px;
}
#banner2 li
{
width:15.64%;
height:100%;
margin:1px;
/*text-align:center; */
float:left;
display:block;
text-decoration:none;
border-bottom-style:outset;
border-right-style:outset;
}
#banner2 li a
{ height:100%;
color:#3399FF;
text-decoration:none;
display:block;
/*text-align:center;*/
/* margin-left:0px;*/
padding:2px;
background:#DDF4FF
}
#banner2 li a:hover
{
background:#005279;
color:#FF6600;
}
</style>
</head>
<body>
<div id="containner">
<ul id="banner2" >
<li><a href="#">首页</a></li>
<li><a href="#">你好</a></li>
<li><a href="#">嘿嘿</a></li>
<li><a href="#">美女</a></li>
<li><a href="#">生活</a></li>
<li><a href="#">自信</a></li>
</ul>
</div>
</body>
</html>
有很多细节，如body后的*，通配选择符。为#containner增加了宽度设定，为ul标签设置了id"banner2"，取消了原来的div等，你自己比较下。我用FireFox和IE8测试了，效果都出来了。你可再用IE6试试 。还有其它居中的方法，如定位和负值空白边（负值外边距）等，这需要你对CSS更深的认识。