kullanarak dikey olarak divs yığınları Float: left kullanarak divleri dikey olarak yığmaya çalışıyorum.float
Ancak, varsayılan olarak yatay olarak yığılırlar.
Css kullanarak herhangi bir çözüm? Bu i elde ediyoruz
> +-----+-----+-----+
> | 1 | 6 | 11 |
> +-----+-----+-----+
> | 2 | 7 | 12 |
> +-----+-----+-----+
> | 3 | 8 | 13 |
> +-----+-----+-----+
> | 4 | 9 | 14 |
> +-----+-----+-----+
> | 5 | 10 | 15 |
> +-----+-----+-----+
:
Bu
i almak istediğini olduğunu> +-----+-----+-----+
> | 1 | 2 | 3 |
> +-----+-----+-----+
> | 4 | 5 | 6 |
> +-----+-----+-----+
> | 7 | 8 | 9 |
> +-----+-----+-----+
> | 10 | 11 | 12 |
> +-----+-----+-----+
> | 13 | 14 | 15 |
> +-----+-----+-----+
Ben yeniden düzenlemek istiyorum div bir görüntüsü:
Her div bir sayı, bir resim ve bir ad içerir.
#championsWrapper {
float: left;
width: 180px;
}
bunun için neden tablo kullanıyorsunuz? herhangi bir özel sebep? – zeropublix
Boşluklarınızı sütunlar halinde düzenleyin:)) – moonwave99
Sütun taşma ve karşı taraflarına bakın: https: // css-tricks.com/guide-responsive-friendly-css-columns/ – Stuart