CMS系统中的支持列插入

Question

随着显示器分辨率的提高，我们留下越来越多的水平空间(宽度)和越来越少的垂直空间(现在大多数显示器是16:9或16:10，有些甚至是21:9)。因此，我们需要能够使较长的文本更适合更大的宽度。像专栏这样的报纸是一种日益增长的趋势。

如何在CMS中支持这些？我目前有一个实现，将文本放在s中，然后用某些类装饰这些div，例如Blueprint CSS系统类(span-5，span-8等)。

这是可行的，但不能提供很好的用户体验。大多数RTEs不能显示这些内容，或者需要链接到站点CSS。这会引入所有其他类和CSS设置，这并不是最优的。

我还为用户实现了创建文本内容项的选项，它通常只包含一段文本(例如一列)，用户可以动态地将其添加到页面中(就像添加/删除小部件一样)。这种解决方案的问题是，几乎每个段落都变成了自己的文本内容项，结果是这些文本的数量增加，变得难以管理。

请将您的选项作为答案发布。我实际上正在寻找一种相当全面和创新的方式来做这件事，因为我尝试过的两个CMSs都没有解决这个问题(DotNetNuke，BlogEngine.net，Ruby的Refinery CMS，...)

Answer 1

您有一些选项可供选择，而无需求助于服务器端实现。某些浏览器支持CSS3指令来提供多个列。

#div {
    column-count: 2;
}

通过CSS提供的属性包括：

• ‘column-count’，用于确定元素内容将被填充的列数，用于描述每个column.
• ‘column-gap’，的最佳宽度，用于设置columns.
• ‘column-rule’，之间的填充，用于定义列之间的边界。

这是最简单的方法，但不能保证在任何地方都能获得相同的体验。还有一些JavaScript解决方案可以基于文本创建列。

下面是一个例子：http://www.csscripting.com/css-multi-column/

因此，我的建议是采用渐进式增强方法。如果可用，则使用CSS3选项；如果不可用，则使用JavaScript；否则，回退到单个宽列。

更多信息：http://www.alistapart.com/articles/css3multicolumn

Answer 2

这绝对是DotNetNuke可以处理的事情，特别是在DNN6.1中的变化。这些变化是针对移动设备的，但这并不意味着你不能简单地使用该功能来根据可用屏幕的宽度提供不同的内容视图。