我一直在尝试CSS列,但我不能休息工作。这里是CSS迄今为止:
#container {
width: 500px;
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
h1 {
break-after: always;
-moz-column-break-after: always;
-webkit-column-break-after: always;
}
下面是相关的HTML:
The header of the first column
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas interdum mattis leo, id vehicula sapien ultricies et.
Donec orci nunc, rhoncus ut convallis a, pretium quis elit.
Aenean vulputate vulputate bibendum.
Fusce imperdiet velit quis diam fermentum ut volutpat ipsum convallis.
不管如果我做了break-after:avoid,break-after:always,break-before:avoid或break-before:总是我仍然得到相同的结果。没有什么变化。有人可以帮助我吗?我已经测试了它在Firefox 4.6和Safari 5.0.5。
谢谢