我希望这里有人可以帮助我完成这个简单的任务。我希望在水平滚动 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 的“论文”主题。