打印页面样式

      .printTabCss {
      table-layout:fixed;
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 98%;
}

.printTabCss td {
    border: 1px solid #B3C3D0;
    border-collapse: collapse;
    padding: 5px 10px;
    text-align: left;
    word-wrap:break-word;
    word-break:break-all;
}
.printTabCss th {
    border: 1px solid #B3C3D0;
    border-collapse: collapse;
    padding: 10px 15px;
    background-color: #E0ECFF;
}

 

css中设置table中的td内容自动换行：

内容总是会把表格列撑的很宽，原因是这样的：
一般字母的话会被浏览器默认是一个字符串或者说一个单词，所以不会自动换行
所以需要设置一下，让表格内容自动换行。
1.在中设置样式style为word-wrap:break-word;word-break:break-all;（一般情况只需要设置word-break:break-all即可，但是有时候需要加word-wrap:break-word ）
2.把表格的sytle的table-layout：fixed，就是表格固定宽度，就是表格既要自适应他外面的容器，也不要撑出去，然后设置td的word-wrap：break-word；换行，问题就解决了