首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css 统制打印按钮显示

2012-07-20 
css 控制打印按钮显示style mediaprint .noprint { display: none } /style …… body input type

css 控制打印按钮显示

<style media="print">
.noprint { display: none }
</style>
……
<body>
<input type="submit" value="显示列表" id=submit1 name=submit1 value="打印" id=submit1 name=submit1 value="不打印,但可以看" id=submit1 name=submit1
BODY {font-size:8pt;}
}
===========================

Media Types 设备类型


Media Type
设备类型 CSS Version
版本 Compatibility
兼容性 Description
简介
all CSS2 IE4+ 用于所有设备类型
aural CSS2 NONE 用于语音和音乐合成器
braille CSS2 NONE 用于触觉反馈设备
embossed CSS2 NONE 用于凸点字符(盲文)印刷设备
handheld CSS2 NONE 用于小型或手提设备
print CSS2 IE4+ 用于打印机
projection CSS2 NONE 用于投影图像,如幻灯片
screen CSS2 IE4+ 用于计算机显示器
tty CSS2 NONE 用于使用固定间距字符格的设备。如电传打字机和终端
tv CSS2 NONE 用于电视类设备

============================

想实现在一个页面中显示出全部内容 但是不打印表格中的部分内容 css 统制打印按钮显示?

.css中增加

@media Print
{
.noPrint {
DISPLAY: none
}

不打印的地方这样用,如
<Div class="noPrint">
....
</Div>

<table class="noPrint">
...
</table>

?

==========================

或则: VISIBILITY: hidden 隐藏比较好. <style>@media print {.noPrint{VISIBILITY: hidden;}}</style>

?

==========================

如何做到用 css 的@media print控制只打印panel里的内容?

<style>
@media print {
.a {display:none}
}
</style>
<div class=a>
AAAAAAAAAAAAAAAAAAAAAAAAA
</div>
<div>
BBBBBBBBB

热点排行