社区
CSS
帖子详情
怎样定义一个A4纸大小的CSS样式?
siaosa
2016-03-30 04:16:35
请教一下,怎样定义一个A4纸大小的CSS样式?
...全文
1166
4
打赏
收藏
怎样定义一个A4纸大小的CSS样式?
请教一下,怎样定义一个A4纸大小的CSS样式?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
siaosa
2016-04-07
打赏
举报
回复
To:songyajun_zzuli 潇湘忆梦 .page 就是A4纸了,为什么还要定义一个.subpage样式呢?
siaosa
2016-04-07
打赏
举报
回复
To: KK3K2005 用浏览器打印出来也是A4纸
KK3K2005
2016-03-31
打赏
举报
回复
除了宽高边框线 还有什么吗?
潇湘忆梦
2016-03-31
打赏
举报
回复
1
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>A4纸</title>
<style type="text/css">
body
{
margin: 0;
padding: 0;
background-color: #FAFAFA;
font: 12pt "Tahoma";
}
*
{
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page
{
width: 21cm;
min-height: 29.7cm;
padding: 2cm;
margin: 1cm auto;
border: 1px #D3D3D3 solid;
border-radius: 5px;
background: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.subpage
{
padding: 1cm;
border: 5px red solid;
height: 256mm;
outline: 2cm #FFEAEA solid;
}
@page
{
size: A4;
margin: 0;
}
@media print
{
.page
{
margin: 0;
border: initial;
border-radius: initial;
width: initial;
min-height: initial;
box-shadow: initial;
background: initial;
page-break-after: always;
}
}
</style>
</head>
<body>
<div class="book">
<div class="page">
<div class="subpage">
Page 1/2</div>
</div>
<div class="page">
<div class="subpage">
Page 2/2</div>
</div>
</div>
</body>
</html>
细说
CSS
(
CSS
+
CSS
3)
本课程包含7章45个小节课程,内容涵盖:
CSS
基础、
CSS
选择器、
CSS
属性和属性值、
CSS
边框和背景、
CSS
盒子模型、文本
样式
等。
css
设置打印
a4
,
CSS
设置
A4
纸
大小
。
I need simulate an
A4
paper in web and allow to print this page as it is show on browser (Chrome, specifically). I set the element size to 21cm x 29.7cm, but when I send to print (or print preview) it...
div 设置
a4
大小
_设计适用于打印的
CSS
样式
大多数Web设计师对打印控制还不是很熟悉,他们往往更迷恋像素,而不是打印机。在现实世界中,很多人依赖从网站上打印网页来参考: 在这个数字时代, 在一些特殊的场合,很多人手中还会拿着
纸
张。Web开发人员可以采取一些措施来弥补打印机和液晶屏之间的差距。为打印机而不是屏幕设计的
样式
CSS
Code复制内容到剪贴板/*
样式
将只应用于打印*/@mediaprint{}注* 也可通单独的
CSS
文件, 设置...
css
打印适应
纸
张_使用原生
css
+js+html实现打印
A4
纸
张的功能页面
有时候我们需要使用html+
css
实现打印
A4
纸
张的功能页面,以下代码实现
A4
打印页面/*横向*/.
a4
-endwise{margin: 0 auto;width: 1070px;height: 1550px;border: 1px #ccc solid;overflow: hidden;padding: 0;word-break:break-all;}/*纵向*/.
a4
-broadwise{m...
css
打印适应
纸
张_
CSS
print
样式
css
控制打印
样式
分页 页面
大小
显示器(screen)和打印机(printer)是两种差别很大的设备,所以从浏览器里看到的页面,打印出来也许和你看到的样子有很大的差距。screen一般使用逻辑单位比如px,而打印机则应该使用物理单位比如cm或in。我们常见的
A4
纸
张
大小
在不同DPI的显示器上显示的
大小
是不同的。因此如果要精确的控制打印效果就应该使用print
css
,这是跨平台兼容的标准。不推荐使用浏览器插件方式实现打印。web打...
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章