Переполнение CSS с помощью div - PullRequest
Новая
       13

Переполнение CSS с помощью div

0 голосов
/ 15 ноября 2009

Я хочу использовать переполнение для div, чтобы показать все div и изображение, а также текст, но для этого примера я использовал только изображения.

Мне нужна горизонтальная прокрутка, если я только использую изображение, оно хорошо работает с пробелами: nowrap; css, но если каждое изображение находится в div, скролл исчезает, и изображения не показывают все.

Пример 3 здесь

первый пример работы, если я задаю ширину для обёртки всего div, но я могу сделать этот метод, поскольку все div называются динамически, это означает, что я могу получить от 1 div до ста одного.

Вот код 3-го примера 

#dmcscroll2 {
  white-space: nowrap; display:
  block; width:660px;
  height:112px;
  overflow: auto;
  overflow-y: hidden;
  /*overflow :
  -moz-scrollbars-horizontal;*/
  border-style:solid;
  border-width:1px;
  border-color:#000;
}
.div-image{
  float: left;
  width: 125px;
}

как я могу сделать для 3-й техники, не зная числа div с изображениями, которые получит при динамическом вызове JavaScript.

Вы можете посмотреть исходный код, чтобы увидеть более подробно

1 Ответ

0 голосов
/ 15 ноября 2009

Вы можете удалить float:left из .div-image CSS и добавить display: inline вместо: 

.div-image{
  display: inline;
  width: 125px;
}

Кажется, это работает так, как вы хотели на вашем примере веб-сайта.

...