• <tbody id="mx1tb"></tbody>
    <rp id="mx1tb"></rp>
  • <rp id="mx1tb"></rp>

    <th id="mx1tb"><p id="mx1tb"></p></th>
    <dd id="mx1tb"></dd>

    <th id="mx1tb"><pre id="mx1tb"></pre></th>
    <th id="mx1tb"></th>

    <span id="mx1tb"></span>
    <th id="mx1tb"><pre id="mx1tb"><sup id="mx1tb"></sup></pre></th>
    设为首页 - 加入收藏 湛江站长网 (http://www.morinnbuzz.com)- 中小站长们必上的网站 - 聚焦湛江站长前沿资讯!
    热搜: 网站 站长之家 什么 平台
    当前位置: 首页 > 创业 > 正文

    使用CSS控制打印页面格式

    发布时间:2018-10-20 02:06 所属栏目:[创业] 来源:站长网
    导读:由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也

    由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。

    <link rel=”stylesheet” type=”text/css” media=”print” href=”print.css” />

    正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也要求我们在书写xhtml的时候更多考虑到打印显示效果的需求,良好的扩展标记和结构嵌套,使得我们轻松的使用display:none将内容设置为不显示。然后就是去书写 print.css内容的时候了,你象设置word一样去写你想打印的页面吧。

    后来想了想,其实单独写一个css增加了请求次数,就想到了@media print{}的作用,代码如下

    @media print{
    .printdesc
    {
    right: 0;
    width: 685px;
    height: 69px;
    background-color: #FFFFFF;
    float:left;
    overflow:auto;
    border:0px;
    }
    .text{
    float:right;
    width: 688px;
    margin-top:20px;
    }
    .printlink{
    height:0px;
    display:none;
    width:0px;
    z-index:-10;

    }
    .printlink a{
    display:none;
    }
    }

    后来想到如果打印页面的某一部分,可以使用iframe来进行操作,现在的打印页面的局部内容基本上就是使用iframe进行处理的~特此记录一下

    【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

    网友评论
    推荐文章
    金亚洲代理