印刷海报的HTML和CSS
引言
HTML5工具，如deck.js或reveal.js，似乎很适合用于演示，包括科学演示，在这里，好看的数学可以很容易地添加到MathJax中。
与科学报告密切相关的是印刷海报(示例)，我想知道是否可以使用HTML和CSS来制作它们。这在我看来是个好主意，因为：
- 图片、表格、数学等都可以很容易地包括在内。
- 典型的基于网格的布局通常出现在海报和HTML/CSS中。
- 内容将与演示文稿很好地分开，使重用更容易(例如在演示文稿和海报之间)。
- 一份海报的副本可以在网上分享，只需稍作改动。
问题是，大多数CSS框架(例如引导)都允许固定宽度的布局，但假设页面将尽可能向下滚动以适应所有内容。另一方面，对于海报，布局需要在水平方向和垂直方向上表现类似的行为，用网格填充纸张的精确尺寸。
问题
- 是否有任何CSS框架允许在固定宽度和固定高度的2D网格上轻松地布局内容？
- 是否需要从HTML页面获得任何特殊技术，例如，A1大小的PDF？
编辑：
我了解LaTeX，并使用它来做演示和报告。它也可以用于海报，但我的经验是，它需要更多的调整和知识，如果你需要改变最基本的海报布局。
回答 2
Stack Overflow用户
发布于 2017-11-15 21:31:15
为打印机海报推出自己的CSS/HTML模板是令人惊讶的简单。它比LaTeX简单得多，因为它有着奇怪的默认设置和对图形、布局和颜色的迟钝处理。它比PowerPoint整洁得多，因为它在创建布局时提供了更多的一致性和“重用/可编程性”。
首先，您需要设置您的论文的大小：
body {
width: 48in;
height: 36in;
}然后需要一些通用布局：
<body>
<div class="poster">
<h1 class="poster-title">...</h1>
<h2 class="poster-authors">...</h2>
<h3 class="poster-affiliations">...</h3>
<hr class="fancy-line">
<div class="container">
<div class="row">
<!-- A bunch of Bootstrap columns (but here it would be a good place to
use CCS Grids too) -->
</div>
</div>
</div>
</body>如果您喜欢CSS库的默认设置(如Bootstrap )，则可以将其用于大多数组件(我特别喜欢面板)。
我有基于这些想法的模板，我很乐意分享这些想法(以及对我使用的工具的更长的描述)。
它还没有准备好使用CSS框架，但重要的是，它只是20行自定义CSS，您可以放在任何CSS框架之上。
Stack Overflow用户
发布于 2013-04-29 13:39:44
你为什么不试试LaTeX。它不是html或css，而是基于代码的，您可以创建您共享的示例海报和一些非常棒的演示文稿。
您要做的就是下载LaTeXilla (Linux)。
有大量的LaTeX海报模板可用。
https://stackoverflow.com/questions/16277867
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号