1

我希望这里有人可以帮助我完成这个简单的任务。我希望在水平滚动 DIV 中放置几个​​跨度元素。我最初在水平 DIV 中有 DIV,但被告知:

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

我切换到元素,但我仍然无法包装它们。我被派到这里,导致我来到这里,然后我自己找到了这个。这些都不适合我。

有问题的页面在这里: 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 的“论文”主题。

4

1 回答 1

0

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

于 2013-08-06T10:02:01.167 回答