当页面边界到达时，如何使div水平对齐以使其掉落？

问题描述

| 我有这个问题。我想创建一个页面来显示/显示水平流动的一系列项目。这意味着我希望它们水平对齐，但是即使它们到达页面的边框，它们也必须保持水平线（是的，我希望水平滚动条最终显示出来，相反，它不会打扰我，这是必需的。）。 注意： 请，根据最近的设计模型，请避免使用表格...只是divs ... 我该如何实现？     

解决方法

        将它们全部放入“ 0”容器中。     ,        

 <style type=\"text/css\">
 .container {white-space:nowrap; height: 20px; }
 .content{float:left;border: 1px solid black; width:100px;}
 </style>

 <script type=\"text/javascript\">
   $().ready(function() {
    var containerwidth =0;
    $(\".content\").each(function(){containerwidth = containerwidth +$(this).width()+10;});
    $(\".container\").width(containerwidth );
    });
 </script>

 <div class=\"container\">
    <div class=\"content\"></div>
    <div class=\"content\"></div>
    <div class=\"content\"></div>
    <div class=\"content\"></div>
    <div class=\"content\"></div>
 etc.
 </div>

    ,        如果您减小了浏览器窗口的宽度，Senad的答案仍将保留。 您想要的是CSS中的ѭ2，这样文本就不会换行了     ,        HTML：

<ul>
  <li>Element</li>
  <li>Element</li>
  .
  .
  .
</ul>

CSS：

li { display: table-cell; }