当前位置：首页 → 问答吧 → 页面宽度自适应,整屏正常显示没问题，当缩小后内容折行，有什么办法让它不折行显示？

页面宽度自适应,整屏正常显示没问题，当缩小后内容折行，有什么办法让它不折行显示？

时间：2010-09-14

来源：互联网

设上宽度就不折行了,如果自适应,就会出现这种情况……

<html> <head> <style type="text/css"> body{margin:0; padding:0; text-align:center; font:normal 12px/1.5 "宋体"; color:#004F99; background:url(../images/banner_bg.jpg) 0 0 repeat-x; background-color:#92C7F9;} *{margin:0; padding:0;} img{display:block; border:none; margin:0; padding:0;} .clear{clear:both; font-size:0; line-height:0;} /*导航条*/ .nav{width:100%; height:35px; line-height:35px;} .nav ul{list-style:none;} .nav ul li{float:left; padding:0 13px;} </style> </head> <body> <div class="nav"> <ul> <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> <li> <a href="#">总预算会计管理系统</a> </li> <li> <a href="#">契税征收管理系统</a> </li> <li> <a href="#">工资统发管理系统</a> </li> </ul> </div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 lucky1986 于 2010-9-14 09:11 编辑 ]

作者: lucky1986 发布时间: 2010-09-14

ul li 用固定宽

作者: benxiongya 发布时间: 2010-09-14

光想着给nav加宽度了,就没想给ul加宽度,我怎么就没想到呢?