HTML/CSS中的垂直单词换行

如果我在div容器中有五个32x32像素的图像，我可以很容易地将它们“自动换行”左右移动，并将它们组织成一排3个图像，然后是两行：HTML/CSS中的垂直单词换行

<div style="max-width:96px"> 
    <img src="a.png"/> 
    <img src="b.png"/> 
    <img src="c.png"/> 
    <img src="d.png"/> 
    <img src="e.png"/> 
</div>

导致：

a b c 
d e

如果我减少股利64PX那么的max-width我会看到

a b 
c d 
e

但是，有没有我可以指定一个div的max-height并有图片组织起来，像这样：

a d 
b e 
c

因此，如果含有div的height实际上是可变的32x32的图像将垂直堆叠直到没有空间，然后开始一个新的专栏？

（理想情况下，我会在右侧填充列和在左侧填充未填充列，但对这些行的任何建议将不胜感激）。

谢谢

来源

2012-02-17 JP.

我发现[在线垂直布局]（http://www3.telus.net/public/lchor/ovltext2011.htm），它很偏向于显示中文字符，但它可能有一定的帮助。 – 2012-02-17 15:42:01

我不知道如果这是完全可能的常规（pre-v3）的CSS。你与文件“流动”战斗，这将显示图像作为内联，因此第一个安排。您可以尝试CSS columns property - 但在旧版浏览器中无法使用。

这里也可能有JavaScript解决方案，但我不知道我的头顶有什么。

来源

2012-02-17 15:34:38 chipcullen

HTML/CSS中的垂直单词换行

回答

相关问题