Question

我想创建三列。如果我使用float：left，然后将文档从LTL更改为RTL，这意味着从左到右的列顺序保持不变。

我知道列数css属性，但这在IE9中不起作用。

表格也是一种选择。那被认为是不好的标记吗？

有什么想法吗？

Answer 1

如果您想要也是RTL的列，则可以使用inline-blocks代替floats进行列布局：http://jsfiddle.net/kizu/YmkbJ/

我使用span s所以我不必使用IE浏览器，但如果您想使用div s - 请使用条件注释{display:inline;zoom:1;}来修复它所以块级标签的行为就像内联块一样。

Answer 2

CSS3可以选择显示列，但目前并未在所有浏览器中实现。例如，维基百科已经使用了references-section。

这些列适用于两个文字方向。

ul.two_column {
    -moz-column-count: 2;
    -moz-column-gap: 2em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2em;
    column-count: 2;
    column-gap: 2em; }

另见：

在HTML中 - 如何构建能够承受不断变化的文档方向的列？

2 个答案: