Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML&;印刷海报的CSS 介绍_Html_Css_Poster - Fatal编程技术网

HTML&;印刷海报的CSS 介绍

HTML&;印刷海报的CSS 介绍,html,css,poster,Html,Css,Poster,HTML5工具,例如或似乎非常适合演示,包括科学演示,在科学演示中,好看的数学可以很容易地添加到MathJax中 与科学报告密切相关的是印刷海报(),我想知道是否可以使用HTML和CSS制作它们。我觉得这是个好主意,因为: 图像、表格、数学等都可以很容易地包含在内 典型的基于网格的布局通常出现在海报和HTML/CSS中 内容将与演示分离开来,便于重复使用(例如,在演示和海报之间) 只要稍加修改,海报的副本就可以在网上共享 问题是,大多数CSS框架(例如)允许固定宽度的布局,但假设页面将尽可能

HTML5工具,例如或似乎非常适合演示,包括科学演示,在科学演示中,好看的数学可以很容易地添加到MathJax中

与科学报告密切相关的是印刷海报(),我想知道是否可以使用HTML和CSS制作它们。我觉得这是个好主意,因为:

  • 图像、表格、数学等都可以很容易地包含在内
  • 典型的基于网格的布局通常出现在海报和HTML/CSS中
  • 内容将与演示分离开来,便于重复使用(例如,在演示和海报之间)
  • 只要稍加修改,海报的副本就可以在网上共享
问题是,大多数CSS框架(例如)允许固定宽度的布局,但假设页面将尽可能向下滚动以适应所有内容。另一方面,对于海报来说,布局需要在水平和垂直方向上表现出相似的行为,使用网格填充纸张的精确尺寸

问题
  • 是否有任何CSS框架允许在固定宽度和固定高度的2D网格上轻松布局内容
  • 从HTML页面到A1大小的PDF是否需要任何特殊技术
  • 编辑:
    我知道乳胶,并用它来做演讲和报告。也可以将其用于海报,但我的经验是,如果您需要更改最基本的海报布局,它很快需要更多的调整和知识。

    为什么不尝试LaTeX。它不是html或css,而是基于代码的,您可以创建您共享的示例海报和一些非常棒的演示文稿

    你所要做的就是下载LaTeXilla(Linux)


    有很多乳胶海报模板可用。

    为打印机海报推出自己的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>
    
    
    ...
    ...
    ...
    
    如果您喜欢像Bootstrap这样的CSS库的默认设置,那么您可以将其用于大多数组件(我特别喜欢面板)


    它不是一个现成的CSS框架,但重要的是,它只是20行自定义CSS,您可以将其置于任何CSS框架之上。

    谢谢您的回答。我曾在演讲中使用过乳胶,过去我曾尝试过在海报中使用乳胶,但发现很难制作出比标准丑陋布局更复杂的东西。无论如何,我的问题是关于HTML的,我想知道这是否可行。但是如果你能推荐一个好看的灵活类/模板,我很乐意再试一次?看起来好像是从我上次看的时候开始出现的,看起来不错,这是我上周在项目演示中使用的。我真的很喜欢。