Css 制作一个p'链；s流入a"；“两页摊铺”；

最近，一个学生很偶然地得到了这一点（或者是错误的xhtml/css的副作用）。这是否可以通过跨浏览器、自动方式（比如Wordpress文章和自定义html/css）实现？（即，没有php脚本或类似脚本。）

我的目标是创建一个“像书”而不是卷轴的网站

想法

编辑：我应该明确目标。它是用f.ex写一篇带有图片的文本。TinyMCE等，并提供印刷和布局质量以及经典技术杂志的“概览”，如早期字节排列或科学对开本。如果没有CSS技巧自动处理溢出，我将接受php解决方案。我想“摆脱”的是需要手动将5页的文章切碎成列

---

也许LyX可以生成一个像样的HTML，每两页一个文件？这将是一个可接受的解决方案。

如果您使用这样的解决方案：

<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>

text1 text2
text3 text4

它应该将每个p并排放置。但是，多少个P并排取决于可用的宽度，因此如果定义每个P并排，比如200px，容器中的总宽度为400px，最终结果将是两个P并排，如下所示：

<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>

text1 text2
text3 text4

请注意，如果p的内容长度不相同，则这看起来不太好（或效果不太好）。我认为，如果您需要将大小自动拆分为这样的列，那么没有一种简单的方法可以使用CSS来实现

---

作为旁注，我看到过一些这样做的网站。这不是一个好主意。它可以在报纸和杂志上使用，但根据我的经验，在屏幕上效果不太好。除非我弄错了，否则也有一些关于这方面的研究得出了相同的结论。

正如Jani所说，我不确定两栏式布局在网络中是否很有效，因为人们通常在网络上阅读的方式。我个人不建议像网站那样的文章采用两栏布局

此外，我不确定是否有任何方法可以在不使用动态脚本的情况下创建，除非您指定每个部分的副本数量，否则用户很容易给出不匹配的列

css3允许流动的“报纸专栏”，如果这是你的意思的话

大多数当前的浏览器（至少基于Gecko和Webkit）都支持它，但可能需要特定于供应商的前缀：

---

谢谢。如果你知道我的意思的话，重点是“处理溢出”。学生所犯的奇怪错误可能与您所描述的内容有关，因为示例段落文本是三个“lorem ipsum”段落，而且它们的长度相等，因此看起来是正确的。关于这不是一个好主意，我将把总体目标添加到OP中。我接受你的观点，即使我不同意“现有的标准方式已经成为标准，所以人们已经习惯了，现在他们无法处理任何其他事情”，如果你知道我的意思的话。我认为每个人都有能力阅读一篇两页的文章、一篇多专栏的报纸文章、PDF等（更不用说他们一直都在做，根本不去想它）。但如果高度是固定的，肯定会有帮助。它是在概述/最大内容展示与永远滚动1000px宽文本之间的选择。。。宽屏显示更适合前者。是的，但我认为将打印逻辑应用于网络是有根本缺陷的，因为它是一种完全不同的媒体，人们阅读和与网页交互的方式与一些人与印刷品交互的方式不同。另一件需要小心的事情是，假设有人会在一个难以置信的高分辨率屏幕上观看它，因为事实并非如此。他们可能会在上网本、平板电脑甚至智能手机上看到它，你不能保证。这并不是说我们不能从印刷品中学到一些东西，但你需要注意如何应用它。我接受你的观点，但我认为如果我遵循它，如果我将内容改编成最小的公分母，我会受到同样的批评。如果一部手机被用作冲浪板，它应该适应网络上的网页，而网页又应该根据它要呈现的内容进行布局。当然，对于我的内容来说，我的布局比标准的无结构博客或网页要好，因为它已经有3个栏目，其中两个栏目都是不相关的垃圾。是的，除了巧妙的段落分割，这看起来是目前最好的。本文的第一部分很好地介绍了我的想法来源：