需要概述多列编程的可能性

时间:2010-12-31 20:24:41

标签: css layout css3

source1source2我收集IE9将不支持多列css3 !!由于它仍然是最受欢迎的浏览器(另一件我无法理解的东西),我只剩下使用Programming Power使多列工作的其他选择。

现在,我使用三个浮动到左边的div,并手动填充文本。请不要笑我知道它的愚蠢!但我希望不必担心列,只需要一个(不间断的)文本,这些文本只进入1个div,然后有一个program smart enough to split it up into X equally wide columns

问题:在我开始重新发明轮子之前,你知道哪种编程方法可以优雅地解决这个问题?请建议你最好的工作多列布局来源,以便我可以评估哪个选项是最好的(我会更新下表)。

探索2011年的所有可能性以及进一步启用多列文本用户体验:

Language    Author         SourceCodeUsage                WorksOnAllMajorBrowser?
=================================================================================
html        manual labour  put text manually in separate left-floating divs   "Y"
// Upside: control! Downside: few changes necessitates to reflow 3 divs manually!

CSS3        w3c            css3.info/preview/multi-column-layout/             "N"
// {-moz-column-count: 3; -webkit-column-count: 3; } Thats all!

javascript  a list apart   will add url soon                                   ?
// 

php         ?              ?                                                   ?
// 

1 个答案:

答案 0 :(得分:0)

我最近在工作中遇到了这个问题。

  1. 我第一次转向CSS只找到了一点支持。
  2. 然后我考虑使用JavaScript来平衡列。
  3. 但我想要一个强大的,受支持的解决方案,最后还要使用服务器端/手动列。
  4. 我需要两列,并将每列分别存储在数据库中。在你的情况下,我只能建议简单地采用单体文本并根据字数将其分成两半。

    然而,更准确的方法可能是根据字符找到中间点,然后将下一个字放在下一列的开头(假设有两列)。这样,列可以更均匀地平衡。