ここの誰かがこの簡単な作業を手伝ってくれることを願っています。水平スクロール 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 の「Thesis」テーマを使用していることを付け加えさせてください。