【问题标题】:Need an Overview of Possibilities for multicolumn programming需要概述多列编程的可能性
【发布时间】:2011-06-02 02:41:15
【问题描述】:

来自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         ?              ?                                                   ?
// 

【问题讨论】:

  • 要理解 IE9,需要一点点白痴,一点点被证伪的理论和一大勺垄断。将它们混合在一起,倒入冰冷的小酒杯中,然后加入您最喜欢的苏格兰威士忌。中提琴!

标签: layout css


【解决方案1】:

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

  1. 我第一次求助于 CSS 时发现只有少量支持。
  2. 然后我考虑使用 JavaScript 来平衡列。
  3. 但我想要一个强大的、受支持的解决方案,并最终使用服务器端/手动列。

我需要两列,并将每一列分别存储在数据库中。在您的情况下,我只能建议简单地采用单个正文并根据字数将其分成两半。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-11-24
    • 1970-01-01
    • 2021-02-22
    • 2017-02-03
    • 1970-01-01
    • 2021-08-20
    • 1970-01-01
    相关资源
    最近更新 更多