我使用以下代码在 iPad 的 UIWebView 中成功实现了多列文本:
<html>
<head>
<style type="text/css">
div.body {
direction:rtl;
-webkit-column-count: 3;
text-align: justify;
font-size:24px;
}
</style>
</head>
<body >
<div class="body">
<img src="http://d2o0t5hpnwv4c1.cloudfront.net/958_placeholders/placehold.gif"/>
<p>Long text goes here</p>
<img src="http://d2o0t5hpnwv4c1.cloudfront.net/958_placeholders/placehold.gif" align="left"/>
</div>
</body>
</html>
但是有两件事我不能做:
- 如何使第二列位于文本的第三列之上,而不是结尾。请记住,文本是可变的,所以我不能放入内联。
- 如何将其演变为多列和多行布局。例如,长文本太长了,我希望它跨越到具有相同 3 列的第二行,而不是让一行文本的长度超过横向 iPad 的高度。改写:我想在需要时在2x3网格中排列一段文本,而不是 1x3。
我愿意为此进行任何类型的重组。