Jump to navigation

You are currently browsing all posts tagged with 'html'

html代码结构对打印效果的影响

  • Posted on February 2, 2010 at 10:29 am

左右二栏
页面总宽度977  左栏633px 右栏344px

原来的css:
右div{
float:right;
width:344px;
}

左div{
margin-right: 344px;
padding-right: 40px;
}

html代码的顺序是先右div,再左div.

打印到A4纸上
右边栏先于左边栏出现。

由于最重要的内容出现在左边栏,所以客户想要对打印出来的顺序进行调整。

修改后的css:
右div 未做修改
左div {
float:left;
width:633px;
margin-right:0px;
}

html代码的顺序是先左div, 再右div
打印到a4纸上,左边栏先于右边栏出现。

Top