Я надеюсь, что кто-то здесь может помочь мне с этой простой задачей. Я хочу разместить несколько элементов span внутри горизонтальной прокрутки DIV. Мне изначально было DIV внутри горизонтальной 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.