当前位置：首页 → 问答吧 → 请高手指点一下！！

请高手指点一下！！

时间：2010-05-11

来源：互联网

<!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> <title>home</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> body { margin:0; padding:0; width:100%;} html { padding:0; margin:0;} /* main */ .main {width:100%; padding:0; margin:0 auto; background: #ebebeb; } /********** header **********/ .header { background:#e1ecef; padding:0; margin:0 auto; } .block_header {margin:0 auto; width:986px; padding:0;} /* logo */ .logo { float:left; padding:0; margin:0; width:277px;} /* search */ .search { padding:53px 25px 0 0; margin:0; float:right; width:340px;} .search form { display:block; float:right; padding:0;} .search span { display:block; float:left; background: url(http://old.zcool.com.cn/preview/code/mb/001/images/search_bg.gif) left top no-repeat; width:149px; padding:0 5px; height:33px;} .search form .keywords { line-height:14px; float:left; border:0; width:149px; padding:9px 0; height:14px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c;} .search form .button { float:left; margin:0; padding:0;} /* menu */ .menu { float:right; padding:23px 0 0 0; margin:0; width:420px; height:35px;} .menu ul { text-align:right; padding:0; margin:0; list-style:none; border:0; height:35px;} .menu ul li { float:left; margin:0; padding:0 5px; border:0; height:35px;} .menu ul li a { float:left; margin:0; padding:10px 0; color:#5c8783; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;} .menu ul li a span { padding:10px 13px; background:none;} .menu ul li a:hover { background:url(http://old.zcool.com.cn/preview/code/mb/001/images/r_menu.gif) right no-repeat;} .menu ul li a:hover span { background:url(http://old.zcool.com.cn/preview/code/mb/001/images/l_menu.gif) left no-repeat;} .menu ul li a.active { background:url(http://old.zcool.com.cn/preview/code/mb/001/images/r_menu.gif) right no-repeat;} .menu ul li a.active span { background:url(http://old.zcool.com.cn/preview/code/mb/001/images/l_menu.gif) left no-repeat;} </style> </head> <body> <div class="main"> <div class="header"> <div class="block_header"> <div class="logo"><a href="index.html"><img src="http://old.zcool.com.cn/preview/code/mb/001/images/logo.gif" width="277" height="143" border="0" alt="logo" /></a></div> <div class="search"> <form id="form1" name="form1" method="post" action=""> <label><span> <input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." /> </span> <input name="b" type="image" src="http://old.zcool.com.cn/preview/code/mb/001/images/search.gif" class="button" /> </label> </form> </div> <div class="menu"> <ul> <li><a href="index.html" class="active"><span>首页</span></a></li> <li><a href="about.html"><span > 显示不正常</span></a></li> <li><a href="services.html"><span>Services</span></a></li> <li><a href="services.html"><span>中文不行</span></a></li> <li><a href="contact.html"><span> Contact Us </span></a></li> </ul> <div class="clr"></div> </div> <div class="clr"></div> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

为什么换上中文就对不齐了呢？

[ 本帖最后由 luofix10 于 2010-5-11 23:29 编辑 ]

作者: luofix10 发布时间: 2010-05-11

你预期是个什么样？哪里没对齐？居中？我这里显示居中的啊