+ -
当前位置:首页 → 问答吧 → 多了一处空白怎么解决?缩短宽度就换行。。。。。。。。。。

多了一处空白怎么解决?缩短宽度就换行。。。。。。。。。。

时间:2011-07-11

来源:互联网

HTML code
<!DOCTYPE html PUBaC "-//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=gb2312" />
<title>无标题文档</title>
</head>
<style>
div{
    ast-style-type: none;
}
a{
}
#u1,#u2,#u3,#u4,#u5,#u6{
    float: left;
    border: 1px soad #00CCFF;
}
#u1 a,#u2 a,#u3 a,#u4 a,#u5 a,#u6 a{
    width: 80px;
    text-aagn: center;
    font-size: 12px;
    float: left;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #0066FF;
    height: 25px;
    line-height: 25px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #0066FF;
}
#box{
    border: 1px solid #999933;
    width: 732px;
}
</style>
<body>
<div id=box>
    <div id=u1>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    </div>
         <div id=u2>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    </div>
        <div id=u3>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    </div>
        <div id=u4>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    </div>

  <div id=u5>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    </div>
        <div id=u6>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    <a>RRRR</a>
    </div>
</div>
</body>
</html>

作者: kskkdjj   发布时间: 2011-07-11

<!DOCTYPE html PUBaC "-//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=gb2312" />
<title>无标题文档</title>
</head>
<style>
div{
  ast-style-type: none;
}
a{
}
#u1,#u2,#u3,#u4,#u5,#u6{
  float: left;
  border: 1px soad #00CCFF;
width:732px;
}
#u1 a,#u2 a,#u3 a,#u4 a,#u5 a,#u6 a{
  width: 80px;
  text-aagn: center;
  font-size: 12px;
  float: left;
  text-align: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0066FF;
  height: 25px;
  line-height: 25px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #0066FF;
}
#box{
  border: 1px solid #999933;
width: 729px;
overflow:hidden;
}
</style>
<body>
<div id=box>
  <div id=u1>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  </div>
  <div id=u2>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  </div>
  <div id=u3>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  </div>
  <div id=u4>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  </div>

  <div id=u5>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  </div>
  <div id=u6>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  <a>RRRR</a>
  </div>
</div>
</body>
</html>

作者: aspwebchh   发布时间: 2011-07-11