【问题标题】:Making div line up horizontally on a single row使 div 在单行上水平排列
【发布时间】:2012-02-25 22:57:01
【问题描述】:

这让我发疯了。我有这样的事情:

<div class="outer">
    <ul>

        <li>
          <div class="inner" style="width:150px; height:200px">
            <a href="#" title="@item.Title"><img src="fdfsd.jpg" /></a>
            <br />
            lorem ipsum
           </div>
        </li>

//etc (multiple li's)

</ul>

</div>

我希望外部 div 以 100% 的宽度填充容器,高度为 250 像素。我希望所有内部 div 水平排列。如果它们超过水平宽度,则外部 div 应该有水平滚动条。即所有内部 div 将在一个水平行上。

【问题讨论】:

  • @jacktheripper,不是真的。我认为我解释得不是很好。我最终通过使用 white-space:nowrap; 让它工作了。在外部 div 上。

标签: html css


【解决方案1】:

我相信这就是您的目标 http://jsfiddle.net/Fe5Dr/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-07
    • 1970-01-01
    • 2015-06-25
    • 1970-01-01
    • 2013-07-04
    相关资源
    最近更新 更多