css布局:table,table-cell

html-css014

css布局:table,table-cell,第1张

table: 会作为块级表格来显示(类似 <table>)

table-row: 浏览器会默认创建一个表格行(类似<tr>)

table-cell: 作为一个表格单元格显示(类似 <td>和 <th>)

具体实现

结果:

左边宽度固定,右边自适应

结果:

结果:

结果:

我们要 <div class="box">B</div>" 整个可以使用 text-align: right 属性,也就是整个B框要在红色背景的右边,需要先将他们设置 inline-block 属性

结果:

用了上面一位评论者的css的属性page-break-after

然后,用了最蠢的方法,不断的测试一张A4纸的高度,然后每一页对应一个div设置成A4纸的高度,插入table,

然后同时要设置每个div第一行tr每个td的宽度,避免每张纸的每列宽度不一样

这样子打印出来不管横向和竖向,不管IE和chrome都可以正常显示了

只要把css 放在打印内容里就可以了!

你的采纳是我前进的动力,

记得好评和采纳,答题不易,互相帮助,

手机提问的朋友在客户端右上角评价点(满意)即可.

如果你认可我的回答,请及时点击(采纳为满意回答)按钮!!