2013-04-14 2 views
0

У меня немного сложность с стилем CSS на моем веб-сайте. В настоящее время у меня есть ряд изображений, которые я бы хотел выравнивать по горизонтали вдоль моей страницы. Но сейчас он отображает их все вертикально подряд, и я не уверен, почему. Все изображения хранятся в массиве, а просто выстраиваются в очередь, вот в чем проблема. вот мой код:Отображение изображений по горизонтали CSS

.img{ 
float:left; 
width:120px; 
margin:auto; 
margin-left:10px; 
padding:5px; 
} 
+0

Скопируйте/вставьте свой код в jsfiddle, и изображения отображаются горизонтально. Как выглядит ваш HTML-код? http://jsfiddle.net/aWTKf/1/ – xec

+0

Просто понял, что мои img хранятся внутри div, называемого theimgs. Это может быть так? – user182

+1

Если каждый img находится в собственном div, тогда да. или если контейнер div слишком узкий. Было бы проще помочь, если бы вы разместили соответствующий HTML, хотя:) – xec

ответ

0

Вы должны добавить к вашему стилю display:inline-block. Значение inline-block делает, что ваш .img не отображается с новой строкой в ​​конце.

Смежные вопросы