Question

我希望有人可以帮我解决这个简单的任务。我想在水平滚动DIV中放置几个span元素。我最初在水平DIV中有DIV，但被告知：

CSS渲染不适用于内联块元素。除非将包含DIV设置为足够大的宽度值以使所有内联块元素向左浮动，否则它们将始终换行。

我切换到元素，但我仍然遇到麻烦。我被发送here，导致我here，然后我自己找到了this。这些都不适合我。

相关网页位于：http://melanie-patterson.com/fashion-bloggers/

截至目前，这是我的HTML：

<div class="SpanContainer">
<span class="block">
<img src="http://melanie-patterson.com/wp-content/uploads/2012/10/dlsw4.png" alt="" />
<br>description</span>

<span class="block">
<img src="http://melanie-patterson.com/wp-content/uploads/2012/10/leprettystellar.png">
<br>DESCRIPTION</span>

<span class="block">
<img src="http://melanie-patterson.com/wp-content/uploads/2012/10/simonett.png" alt="" />
<br>DESCRIPTION
</span>
</div>

这是我的CSS：

.format_text {
width:750px;
height: 600px;
overflow: auto;
white-space: nowrap;
}

#SpanContainer {
width:1000px;
height: 600px;
overflow-x: scroll;
overflow-y: hidden;
margin:auto;
float: left;
}

span.block {
display: inline-block;
width: 300px;
}

我不知道为什么我遇到这么多问题！任何帮助都会很精彩。另外，让我补充一点，我正在使用Wordpress，特别是DIYThemes的“Thesis”主题。

Answer 1

那应该是div id="SpanContainer"
您使用 class 而不是 id

水平滚动DIV内的内联跨度元素

1 个答案: