2011-10-20 45 views
0

隨着監視器分辨率的提高,我們留下了越來越多的水平空間(寬度)和更少的垂直空間(現在大多數監視器是16:9或16:10,有些甚至是21:9) 。因此,我們需要能夠使更長的文本更適合更大的寬度。像專欄這樣的報紙是一個增長的趨勢。在CMS系統中支撐柱插入

如何在CMS中支持那些?我目前有一個實現,其中文本被放入s中,然後這些div用特定的類進行裝飾,例如Blueprint CSS系統(span-5,span-8等)。

這可行,但不適用提供絕佳的用戶體驗。大多數RTE無法顯示這些內容或需要鏈接到網站CSS。這會導致所有其他類和CSS設置不盡合理。

我還實現了用戶創建TEXT內容項的選項,該項通常只包含一段文本(例如一列),用戶可以將這些內容動態添加到頁面中(就像添加/刪除小部件)。這個解決方案的問題在於,幾乎每個段落都成爲它自己的文本內容項目,結果是這些文本的數量增長並變得難以管理。

請發表您的選項作爲答案。我實際上正在尋找相當全面和創新的方式,因爲我試過的CMS都沒有解決這個問題(DotNetNuke,BlogEngine.net,Ruby的煉油廠CMS,...)

回答

1

您有一些可供選擇的選項而不訴諸於服務器端的實現。有些瀏覽器支持CSS3指令來提供多列。

通過CSS可用
#div { 
    column-count: 2; 
} 

屬性是:

  • 「列計數」,以確定到其中的元素的含量將流中的列數。
  • '列寬',來描述每列的最佳寬度。
  • 'column-gap',設置列之間的填充。
  • 'column-rule',定義列之間的邊界。

這是最簡單的方法,但並不能保證無處不在。還有一些JavaScript解決方案可以基於文本創建列。

這裏作爲一個示例:http://www.csscripting.com/css-multi-column/

所以,我的建議將是一個漸進增強的方法。如果可用,則使用CSS3選項,否則使用JavaScript,否則返回單個寬列。

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

+0

謝謝你的建議,我會密切關注這個規範,但現在它不適用。 IE9不支持它,Firefox和Chrome僅通過供應商特定的屬性支持它,但渲染很奇怪(列不垂直對齊)。 – mare

0

這絕對是一件DotNetNuke的可以處理,特別是與變化DNN 6.1的到來。這些更改針對的是移動設備,但這並不意味着您不能簡單地使用該功能根據可用屏幕的寬度提供不同的內容視圖。

+0

會是6。01 Beta或我應該下載哪個版本?我在哪裏可以看到它的行動? – mare

+0

是的,6.1.0測試版可以下載,儘管現在已經過了幾個星期了,我相信我們已經接近發佈了 –