<style>
li { display:inline }
</style>

解决方案 »

  1.   

    像这里<!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>
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    ul,li{margin:0px; padding:0px;list-style.:none;}
    .sqBorder {width:602px; height:200px; padding:1px; border:0px #000000 solid; background:#555555;}
    .scroll_div {width:600px; height:200px;margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff;}
    .scroll_div img {width:88px;height:100px;border: 0;margin: auto 8px; border:1px #efefef solid;}
    #scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}
    </style>
    </head>
    <body>
    <div style="text-align:center">
      <div class="sqBorder">
        <div id="scroll_div" class="scroll_div">
          <div id="scroll_begin">
            <ul>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
              <li> <a href="#"><img src="../images/temp4.jpg" /></a>
                <div><a href="#">什么什么东西啊1</a></div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    </body>
    </html>谁能做到横排不换行呢