Question

我在代码中使用mpdf。我复制了谷歌的CSS代码，但我不知道它我想在css中创建表border-collapse: collapse;但它不起作用。
目前边界是双倍的，但我希望边界是单一的。

请告诉我如何在mpdf中设置css border-collapse: collapse;

<?
require_once('connect.php');
require_once('mpdf/mpdf.php');
ob_start();
?>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<style type="text/css">
<!--
@page rotated { size: landscape; }
.style1 {
    font-family: "TH SarabunPSK";
    font-size: 18pt;
    font-weight: bold;
}
.style2 {
    font-family: "TH SarabunPSK";
    font-size: 16pt;
    font-weight: bold;
}
.style3 {
    font-family: "TH SarabunPSK";
    font-size: 16pt;

}
.style5 {cursor: hand; font-weight: normal; color: #000000;}
.style9 {font-family: Tahoma; font-size: 12px; }
.style11 {font-size: 12px}
.style13 {font-size: 9}
.style16 {font-size: 9; font-weight: bold; }
.style17 {font-size: 12px; font-weight: bold; }

table {
    border-collapse:collapse;
}
table tr td {
    border: 1px solid black;
}

-->
</style>
    <html>
    <head>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
    </head>
    <body>
<table width="700" border='1'  cellpadding="0" cellspacing="0">
      <tr>
        <th  width="10" align="center">no</th>
        <th  width="400" align="center">list</th>
        <th  width="50" align="center">unit</th>
        <th  width="50" align="center">num</th>
        <th  width="80" align="center">price</th>
        <th colspan='2' width="100" align="center">total</th>
        <th  width="100" align="center">note</th>
      </tr>
<tr>
<td>test1</td>
<td>test2</td>
<td>test3</td>
<td>test4</td>
<td>test5</td>
<td>test6</td>
<td>test7</td>
<td>test8</td>
</tr>
    </table>

我使用mpdf来生成pdf，但css无法正常工作（border-collapse）

0 个答案: