我刚读了一篇文章,提到CSS区域,所以目不转睛地去找出它们是什么。我原以为一个短的,独立解释他们会出现在结果的顶部,它没有。
因此,问这个问题,以便下次有人做同样的谷歌,将有一个很好的答案等待他们的顶部的结果。
发布于 2014-01-28 09:58:43
简而言之,区域是以更复杂的方式布局站点文本内容的一种方式。例如:
像源
这是用以下标记创建的(省略了不必要的样式):
<h1>Flowing Text</h1>
<div id="text_source">When the beginning of your article... (continues) ...Flows allow this kind of flexibility.</div>
<div class="small_text"></div>
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
和CSS:
#text_source { flow-into: text-thread; flow-from: text-thread; }
.small_text { flow-from: text-thread; }
.column { flow-from: text-thread; }
在幕后,当一个元素具有一个flow-into
CSS属性时,它的文本内容将从呈现中移除,并推迟到这个抽象的文本“线程”中,这些文本将被拆分到所有具有相同值的flow-from
属性的元素中,按照它们在HTML中找到的顺序。
发布于 2015-12-21 14:31:31
我刚读到一篇提到CSS区域的文章,所以用谷歌来找出它们是什么。我原以为一个简短、独立的解释会出现在结果的顶端。
哈?如果你谷歌“福特”,你会得到福特的网站,而不是一个简短的,独立的解释福特。
我为什么要关心他们?
你不应该。目前,它是仅在以后的IE/Edge和Safari中实现。它是实现的,但随后是从Chrome删除,因为复杂性和移动问题。它获得足够的浏览器支持以被广泛使用的可能性非常小。
“区域”是Adobe试图在网络上支持类似杂志的布局。然而,我们不需要像杂志一样的布局(“继续在第29页”)在网上。
https://stackoverflow.com/questions/21401508
复制相似问题