四白小译  
热情的欢迎博友指出错误,或是提供好的原文网站。四白同学刚走上翻译的大道,热烈欢迎大侠们赐教。译文仅用于学习交流。

原文地址:http://screwlewse.com/2010/08/css3-columns-height-and-or-backgrounds/

翻译:四白

在twitter上有一些关于伪列的讨论,如果不使用伪劣应该是非常棒的事,恰好css3就能实现这一功能。
在写这篇文章的时候,css3多栏布局在w3c中仍然处于“候选推荐标准”的阶段。这就意味着还有很长的路要走,你能在大多数浏览器升级后看到,这通常是一年或是更长的时间。我们想知道的是,css3多栏布局能否修复伪栏的问题。
答案的否定的。
borders are full height of the multi-column block.(这句不知道如何翻)。在阅读了“W3C spec on Multi-column layout”,了解到,背景不会呈多栏显示,而是平铺在整个多栏目块上。
它不允许在栏目上设置属性/值。例如,不能在一个特定的栏目框中设置背景,单个的栏目框没有padding,margin,border的概念。
所以不能直接在栏目上设置。这就意味着css3多栏布局不能在我们的站点上替换主要布局,它更像是在主栏目中创建一个类似报纸的阅读模式。
尽管背景不能应用在栏目里面,但还是可以用css3的多栏布局来做一些有趣的事,我制作了一个固定高度的多栏布局,“点击这里查看”(需要在支持的浏览器中才能正确显示效果)。

posted on 2010-09-01 17:24  四白  阅读(278)  评论(0)    收藏  举报