用css 如何让div在自己的容器里居中 - ASP技术论坛

楼主

已结贴√ 问题点数：10 回复次数：4

用css 如何让div在自己的容器里居中

<div style="background:#FF0000; width:950px;">nihao</div>
很简单的一句代码，但是我要求不能在外面套一个div也不能再body里居中，就在这个层里面能不能实现让背景居中

搜索更多相关主题的帖子: nihao　

第 2 楼

得分:0

原来的截图是这样的

图片附件: 游客没有浏览图片的权限，请登录或注册

我现在要把它居中

图片附件: 游客没有浏览图片的权限，请登录或注册

这个居中不要像这样弄
<div align="center">
<div style="background:#FF0000; width:950px;">nihao</div>
</div>

要在<div style="background:#FF0000; width:950px;">nihao</div>里加个属性让它居中，怎么实现啊

第 3 楼

得分:0

只能背景才能居中吗，我这里只是我自己举得一个例子，实际上还有许多东西的。有没有其它的办法啊

第 4 楼

得分:0

<title>无标题文档</title>
<style type="text/css">
.indexlogin{background-color: #f5f5f5;height:70px;width:50%;float:left;margin-bottom:8px;clear:left; text-align:left;}
.indexlogintitle{display:none;}
.indexloginbody{height:54px !important;height:70px;width:100%;padding:8px;}
.indexlogined{clear:left;background-color: #f5f5f5;height:54px !important;height:70px;width:50%;float:left;margin-bottom:5px;margin-right:-16px;line-height:180%;padding:8px;}
</style>
</head>

<body>
<div style="background:#FF0000; width:950px; text-align:center">nihao</div>
<div class=indexlogin><div class=indexlogintitle>用户登陆</div><div class=indexloginbody>
<form method=POST action=login.asp?action=login><p style='margin:4px;'>用户名：<input style='width:70;' name=lgname>  密码：<input type=password style='width:70;' name=lgpwd></p><p style='margin:4px;'>记   录：<select name=cook style='width:70;'><option value=0>不保存</option><option value=1>保存一天</option><option value=30>保存一月</option><option value=365>保存一年</option></select>  <input type=hidden name=lgtype value=1> <input type=submit value=' 登陆 ' name=Submit></p></form>
</div></div>
</body>
</html>

第 5 楼

得分:0

那我下面的内容也能实现你这个效果吗怎么实现
<div class=indexlogin><div class=indexlogintitle>用户登陆</div><div class=indexloginbody>
<form method=POST action=login.asp?action=login><p style='margin:4px;'>用户名：<input style='width:70;' name=lgname>  密码：<input type=password style='width:70;' name=lgpwd></p><p style='margin:4px;'>记   录：<select name=cook style='width:70;'><option value=0>不保存</option><option value=1>保存一天</option><option value=30>保存一月</option><option value=365>保存一年</option></select>  <input type=hidden name=lgtype value=1> <input type=submit value=' 登陆 ' name=Submit></p></form>
</div></div>