后使用快捷导航没有帐号？
只需一步，快速开始
查看: 2715|回复: 17
我怎么写的居中代码是无效的？大家帮帮我..
UID589311在线时间 小时积分190帖子离线17498 天注册时间
初级会员, 积分 190, 距离下一级还需 10 积分
CSS&&用DIV 框起来的.....Body 也 center了，div也center了，但是页面还是布局中，下面是我的代码。大家帮我看看哪里出了问题。
& & & & text-align:
& & background:url(../images/BG.gif) no-}
h1, h2, h3, h4, h5, h6, p {
& & & & margin-top:0
& & & & padding-right:0
& & & & padding-left:0
#center{margin-left: margin-right:auto}
& & & & list-style:
& & & & margin-left: 0
& & & & margin-top: 0
& & & & margin-right: 0
& & & & margin-bottom: 0
& & & & padding-right:0
& & & & padding-left:0
& & & & padding-right:0
& & & & padding-top:0
input{width:120}
#quan{width:1400 margin-left: margin-right:}
#bander{height:73 padding-top:261&&padding-right:197 margin:0 overflow: display: clear:}
& & #bander .bd{float:}
& & & & #bander .logo{font-size:36 text-align: float: padding-right:593 padding-top:30}
#zhu{width:1200 height:180 padding-left:260 overflow: text-align:}
& &#zhu .tu{width:270 height:180}
& &#zhu .lgb{background:url(../images/lanBG.gif) repeat-x; width:385 height:180}
& &#zhu ul{float: display:}
& &#zhu .dd_zhu{width:288 height:180 background:url(../images/dd_zhu.gif); text-align:}
& &#zhu .dd_zhu li{padding-top:3}
& &#zhu .dd_zhu .vv{padding-left:70 padding-top:50 font-size:13}
& &#zhu .dd_zhu .vu{padding-left:70 padding-top:10 font-size:13}
& &#zhu .dd_zhu .anniu{width:72 height:26 font-size:12 padding-left:125 padding-top:30}
& &#zhu .dd_zhu .anniu a{}
& &#zhu .dd_zhu .anniu a:hover{}
& &#zhu .zj{width:64 height:180 background:url(../images/lanBG.gif) repeat-x; text-align:}
#xia{padding-left:260 overflow:}
& &#xia gli{width:628 height:30}
& &#xia li{float: display: line-height:30 font-size:12 padding-right:38 padding-top:32}
#suo{background:url(../images/suoxia.gif) no- width:288 height:110 float: padding-right:197
----------------------------------------------------------------*******——---------------------------------——————————————————————
HTML代码：
& & &div id=&quan&&&&
& && &&div id=&bander&&
& && && &&ul class=&bd&&
& && && &&&&img src=&images/bander.gif& width=&240& height=&73& /&
& && && &&/ul&
& && && &&ul&
& && && && &&li class=&logo&&LOGO&/li&
& && && &&/ul&
& && &&/div&
& && &&div id=&zhu&&
& && && &&&&ul class=&tu&&
& && && && &&&&li&&img src=&images/datu.gif& width=&270& height=&180& /&&/li&
& && && &&&&/ul&
& && && &&&
& && && &&&&ul class=&lgb&&
& && && && &&&&li&&&/li&
& && && &&&&/ul&
& && && &&&
& && && &&&&ul class=&dd_zhu&&
& && && && && &&li class=&vv&&用户名：&input name=&& type=&text& /&&/li&
& && && && && &&li class=&vu&&密　码：&input name=&& type=&password& /&&/li&
& && && && && &&li class=&anniu&&&a href=&#&&&img src=&images/denglu_tu.gif& width=&72& height=&26& border=&none& /&&/a&&/li&
& && && &&&&/ul&
& && && &&&
& && && &&&&ul class=&zj&&
& && && && & &li&&img src=&images/zhuanjiao.gif& width=&4& height=&180& /&
& && && && & &/li&
& && && &&&&/ul&
& && &&/div&
& && &&div id=&xia&&
& && && & &ul class=&gli&&
& && && && &&&&li&&img src=&images/kehuguanli.gif& width=&120& height=&30& /&&/li&
& && && && &&&&li&快捷方便&/li&
& && && && &&&&li&简单明了&/li&
& && && && &&&&li&科学管理&/li&
& && && && &&&&li&技术支持&/li&
& && && & &/ul&
& && && && && &
& && && & &ul id=&suo&&
& && && & &/ul&
& & &/div&
[[i] 本帖最后由 pzb119 于
10:28 编辑 ]
UID108251在线时间 小时积分2809帖子离线17498 天注册时间
UID589311在线时间 小时积分190帖子离线17498 天注册时间
初级会员, 积分 190, 距离下一级还需 10 积分
回复 2# alphat
我把html也弄上去了的，帮我看看哈，谢谢了....
UID438480在线时间 小时积分21帖子离线17498 天注册时间
新手上路, 积分 21, 距离下一级还需 29 积分
没有HTML标签所以无法居中吧，不知道你是没有还是没有贴上来，把标签弄齐喽
UID589311在线时间 小时积分190帖子离线17498 天注册时间
初级会员, 积分 190, 距离下一级还需 10 积分
回复 4# dreamyuanwei
有那个HTML标签，我没贴上来....没这个标签的话页面都不能形成啊..
UID108251在线时间 小时积分2809帖子离线17498 天注册时间
#quan　{width:1400}
在quan里面是居中的，如果你分辨小于1400的话，当然不居中了
UID542318在线时间 小时积分75帖子离线17498 天注册时间
初级会员, 积分 75, 距离下一级还需 125 积分
#quan 1400的宽 太大了吧 你多大分辨率啊
UID378408在线时间 小时积分428帖子离线17498 天注册时间
中级会员, 积分 428, 距离下一级还需 72 积分
你的代码就是居中的，只是#quan 太宽了
UID381636在线时间 小时积分16861帖子离线17498 天注册时间
一般来说，body也加一个{margin:0}
UID498521在线时间 小时积分1818帖子离线17498 天注册时间
银牌会员, 积分 1818, 距离下一级还需 1182 积分
挺头痛的，
body{ text-align:}。这个习惯不好
UID589398在线时间 小时积分2帖子离线17498 天注册时间
新手上路, 积分 2, 距离下一级还需 48 积分
你试试 居中的代码
UID588416在线时间 小时积分16帖子离线17498 天注册时间
新手上路, 积分 16, 距离下一级还需 34 积分
我也不懂，就是来学习学习的。
UID587952在线时间 小时积分578帖子离线17498 天注册时间
高级会员, 积分 578, 距离下一级还需 422 积分
考虑最广泛的浏览器分辨率，页面主体内容宽度不能超过1000的，否则出现横向滚动条是个不好的用户体验
UID589723在线时间 小时积分225帖子离线17498 天注册时间
中级会员, 积分 225, 距离下一级还需 275 积分
对的，页面最大宽度不能超过1002px
UID589723在线时间 小时积分225帖子离线17498 天注册时间
中级会员, 积分 225, 距离下一级还需 275 积分
#center{margin-left: margin-right:auto}
& && & list-style:
& && & margin-left: 0
& && & margin-top: 0
& && & margin-right: 0
& && & margin-bottom: 0
& && & padding-right:0
& && & padding-left:0
& && & padding-right:0
& && & padding-top:0
代码可以节减很多哦，还有我怎么觉得你写的怪怪的，一切按标准，浏览器兼容性问题就很小了
UID574006在线时间 小时积分192帖子离线17498 天注册时间
初级会员, 积分 192, 距离下一级还需 8 积分
这么长怎么不贴运行框呢。很想帮你。太长了，看不完，眼睛累了，在看中……
UID590281在线时间 小时积分129帖子离线17498 天注册时间
初级会员, 积分 129, 距离下一级还需 71 积分
body{text-align:}这个习惯确实不好，兼容不好，最好用margin:0
前提是设置了宽度
UID96074在线时间 小时积分544帖子离线17498 天注册时间
高级会员, 积分 544, 距离下一级还需 456 积分
一般居中，html,body{marign:0 auto}
Powered by欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> 如何使用让显示，让有哪些CSS样式呢？
需要的主要css代码有两个，一个为:center（），另外一个为:0 auto；其两个样式需要配合使用才能实现的居中显示排版。
首先我们对设置，再对需要居中的div盒子设置margin:0 auto，这样即可让对应水平居中。
实例讲解div居中代码应用，为了观察div居中效果，我们对div设置一个为&.div&在html中内使用=&div&,设置其为400高度为100px，为红色。以便我们观察效果。
1、完整+css代码
&!DOCTYPE&html&&&&charset=&utf-8&&&div居中&在线演示&&&body{&text-align:center}&.div{&margin:0&&:400&:100&:1px&solid&#F00}&/*&：为了观察效果设置宽度&边框&等样式&*/&&&&&class=&div&&DIVCSS5实例&&&&
2、居中实例截图
div实现居中效果截图
3、div居中代码应用特点
此居中方法是让div居中效果完美兼容各大平台、兼容各大浏览器，无论高版本ie还是高版本的ie均兼容。
4、在线演示：
5、打包下载：
6、居中相关CSS教程
9）、如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • • 必备HTML基础教程 Essential HTML Tutorials •
• () • () • () •
• () •
• () •
• 如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 17:37
原创：本文 DIVCSS5版权所有。最新文章NEWS• • • • • • • • • • CSS EFFECTS相关文章RELATED• • • • • • • • • • 热点文章HOT
学习与资源分享平台CSS实现DIV盒子居中怎么不行了_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
CSS实现DIV盒子居中怎么不行了
我有更好的答案
一般是设置margin-left:auto 和 margin-right:auto就可以了，具体情况你贴代码来看
采纳率：31%
有代码么？哪里有难度？
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包JS实现-DIV自动居中代码
其实想让整个DIV盒子在页面实现自动居中非常简单，只需要一小段JS代码代码就可以实现。有时候我们做页面效果也好，做程序功能的开发也好。只要思路理清楚了，相信做起来会非常的得心应手。& 下面就跟大家一起简单分析下JS是如何实现让DIV盒子，在页面自动居中，并且随着页面的变动，也能居中。思路：& & & 一、首先我们的DIV盒子模型，一般是绝对定位于浏览器的，那么首先我们可以先获取整个页面（浏览器的可视区）的宽度、高度。& & & 二、然后获取自身DIV盒子的宽度、高度。& & & 三、用浏览器可视区的宽度、高度，减去DIV自身的宽度，高度，然后除以2。就可以获取到DIV距离页面的top值，left值。在赋值给DIV相应的top值，left值。& & & 四、随着我们的浏览器窗口的改变，让DIV盒子也能随着页面的改变而居中。（利用onresize事件）代码截图：&&&&代码如下:&!doctype html&&html&&head&&meta charset=&utf-8&&&title&JS实现-DIV自动居中代码&/title&&meta name=&keywords& content=&& /&&meta name=&description& content=&& /&&style&*{margin:0;padding:0}#box{width:100height:100position:top:30left:20border:1}&/style&&/head&&body&&div id=&box&&&/div&&script&window.onload = function(){&&&&function box(){&&&&//获取DIV为‘box’的盒子&&&&var oBox = document.getElementById('box');&&&&//获取元素自身的宽度&&&&var L1 = oBox.offsetW&&&&//获取元素自身的高度&&&&var H1 = oBox.offsetH&&&&//获取实际页面的left值。（页面宽度减去元素自身宽度/2）&&&&var Left = (document.documentElement.clientWidth-L1)/2;&&&&//获取实际页面的top值。（页面宽度减去元素自身高度/2）&&&&var top = (document.documentElement.clientHeight-H1)/2;&&&&oBox.style.left = Left+'px';&&&&oBox.style.top = top+'px';&&&&}&&&&box();&&&&//当浏览器页面发生改变时，DIV随着页面的改变居中。&&&&window.onresize = function(){&&&&&&&&box();&&&&}&}&/script&&/body&&/html&本文由段亮博客，原创出品，如需转载请注明出处。&&&&本文出处：
如果您觉得文章对你有帮助，可以进行打赏。
打赏多少，您高兴就行，谢谢您对段亮这小子的支持！ ~(@^_^@)~
微信扫一扫
支付宝扫一扫
把此文章分享给其它人..
或许你还喜欢以下内容:
你也想建立一个独立博客？css为什么顶部盒子没有居中显示？_百度知道
css为什么顶部盒子没有居中显示？
我有更好的答案
做如下修改: margin:0.top_main 宽度太宽了，设置成 width.top 设置 width:100%
采纳率：57%
来自团队：
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包}