2

有谁知道复制Adob​​e 提出的新“区域”css 命题的开源 JS 解决方案?

我真的希望能够将内联内容从一个区域流向另一个区域,以开发类似杂志的响应式布局。我发现'columnizing'插件可以在没有CSS的情况下创建列,但无法找到任何将文本从一个盒子传递到另一个盒子的东西。

4

2 回答 2

1

首先考虑一下 2014 年及以后哪些设备的使用率最高。
1. 手机 - 主要是纵向模式
2. 平板电脑 - 纵向或横向模式
3. 笔记本电脑、PC、电视 - 横向模式

响应式设计和媒体查询已经满足了大多数场景。在更大的模式下浮动文本块,但在手机纵向模式下将文本放在有限的屏幕空间中。
手机中的 2 x 列(已经占主导地位)纵向模式看起来很糟糕。

现在 css 区域只是一个规范
,它打破了将内容与表示分离的主要规则,希望通过相互链接的 div 来流动文本。我的建议是坚持响应式设计,它已经在所有地方都得到了支持。
Adobe 需要进行大量更改才能期望 W3C 能够支持它。
在目前的形式下,它完全破坏了网页设计,并将不可逆转地破坏 html5 和 css 规范。

然而,CSS 排除(整形区域)确实有一些优点(如果它适用于媒体查询),也许 Adob​​e 和合作伙伴会在未来某个时候为这个功能找到一个可行的解决方案。

于 2014-02-08T05:19:28.547 回答
-2

这可能是您正在寻找的:http ://www.csstextwrap.com/

于 2012-04-06T08:30:50.590 回答