Closed kilosangma closed 4 months ago
渲染的表格如下 出现部分背景色丢失的问题 网页渲染则正常
<table style="width: 100%; max-width: 100% !important; box-sizing: border-box;" width="100%"> <tbody style="margin: 0px; padding: 0px; max-width: 100%; width: 100%; background-color: #f0f8fd; overflow-wrap: break-word !important; box-sizing: border-box;" data-width="100%"> <tr class="firstRow" style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; background: #12a0fc; border-radius: 10px 10px 0px 0px;"> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; padding: 0px !important 10px 0px !important 10px;" colspan="5"> <section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; display: flex; justify-content: space-between;"> <section style="margin: 0px; padding: 10px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 16px; color: #ffffff; text-align: left;"><strong style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;" data-brushtype="text">单套必需品</strong></section> </section> </td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; padding: 0px !important 10px 0px !important 10px;" colspan="1"> <section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; flex-shrink: 0;"> <section class="" style="margin: 0px auto; padding: 0px; max-width: 100%; overflow-wrap: break-word !important; width: 35px; box-sizing: border-box;"><img class="rich_pages wxw-img" style="margin: 0px; padding: 0px; vertical-align: inherit; width: 100%; display: block; height: auto !important; overflow-wrap: break-word !important; box-sizing: border-box; max-width: 100% !important;" draggable="false" data-imgfileid="100003543" data-type="gif" data-width="100%" data-ratio="1" data-w="640" src="../Src/DownloadFile/Product/20240327/2024-03-27-15-42-199660.jpg"></section> </section> </td> </tr> <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;"> <td style="margin: 0px; border-width: initial !important; border-style: none !important; border-color: initial !important; border-image: initial; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; text-align: center; padding: 5px 10px;"> <section style="margin: 0px; padding: 5px 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; display: flex; justify-content: center; align-items: center;"> <section style="margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important; background-color: #88d3ff; border-radius: 4px; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -o-transform: rotate(-40deg);"> <section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 16px; letter-spacing: 0px; color: #ffffff; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg);"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px;"><strong style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">式样</strong></span></section> </section> </section> </td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><img class="rich_pages wxw-img" style="margin: 0px; padding: 0px; height: auto !important; overflow-wrap: break-word !important; vertical-align: inherit; width: 53px; box-sizing: border-box;" draggable="false" width="53" data-imgfileid="100003540" data-type="png" data-width="53px" data-ratio="0.5073529411764706" data-w="136" src="../Src/DownloadFile/Product/20240327/2024-03-27-15-42-202048.jpg"></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><img class="rich_pages wxw-img" style="margin: 0px; padding: 0px; height: auto !important; overflow-wrap: break-word !important; vertical-align: inherit; width: 54px; box-sizing: border-box;" draggable="false" width="54" data-imgfileid="100003542" data-type="png" data-width="54px" data-ratio="0.7299270072992701" data-w="685" src="../Src/DownloadFile/Product/20240327/2024-03-27-15-42-203611.jpg"></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><img class="rich_pages wxw-img" style="margin: 0px; padding: 0px; height: auto !important; overflow-wrap: break-word !important; vertical-align: inherit; width: 42px; box-sizing: border-box;" draggable="false" width="42" data-imgfileid="100003539" data-type="png" data-width="42px" data-ratio="0.7222222222222222" data-w="108" src="../Src/DownloadFile/Product/20240327/2024-03-27-15-42-204696.jpg"></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><img style="margin: 0px; padding: 0px; height: auto !important; overflow-wrap: break-word !important; vertical-align: inherit; width: 43px; box-sizing: border-box;" draggable="false" width="43" data-imgfileid="100003541" data-type="png" data-width="43px" data-ratio="0.9626865671641791" data-w="134" src="../Src/DownloadFile/Product/20240327/2024-03-27-15-42-205670.jpg"></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><img class="rich_pages wxw-img" style="margin: 0px; padding: 0px; height: auto !important; overflow-wrap: break-word !important; vertical-align: inherit; width: 46px; box-sizing: border-box;" draggable="false" width="46" data-imgfileid="100003544" data-type="png" data-width="46px" data-ratio="0.9051094890510949" data-w="137" src="../Src/DownloadFile/Product/20240327/2024-03-27-15-42-207211.jpg"></td> </tr> <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;"> <td style="margin: 0px; border-width: initial !important; border-style: none !important; border-color: initial !important; border-image: initial; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; text-align: center; background-color: #d1edff; padding: 5px 10px;"> <section style="margin: 0px; padding: 5px 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; display: flex; justify-content: center; align-items: center;"> <section style="margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important; background-color: #88d3ff; border-radius: 4px; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -o-transform: rotate(-40deg);"> <section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 16px; letter-spacing: 0px; color: #ffffff; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg);"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px;"><strong style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">名称</strong></span></section> </section> </section> </td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">工控机</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">IO</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; line-height: 1.6em;">控制盒</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"> <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">圆盘式</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; caret-color: red;">涂</span></p> <p style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; clear: both; min-height: 1em;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; caret-color: red;">胶检测头</span></p> </td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">网线</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">信号线</span></td> </tr> <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;"> <td style="margin: 0px; border-width: initial !important; border-style: none !important; border-color: initial !important; border-image: initial; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; text-align: center; padding: 5px 10px;"> <section style="margin: 0px; padding: 5px 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; display: flex; justify-content: center; align-items: center;"> <section style="margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important; background-color: #88d3ff; border-radius: 4px; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -o-transform: rotate(-40deg);"> <section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 16px; letter-spacing: 0px; color: #ffffff; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg);"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px;"><strong style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">功能</strong></span></section> </section> </section> </td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">图像处理</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">高速触发</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">图像采集</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">相机通讯</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px;">信号控制</span></td> </tr> <tr style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;"> <td style="margin: 0px; border-width: initial !important; border-style: none !important; border-color: initial !important; border-image: initial; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; text-align: center; background-color: #d1edff; padding: 5px 10px;"> <section style="margin: 0px; padding: 5px 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; display: flex; justify-content: center; align-items: center;"> <section style="margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important; background-color: #88d3ff; border-radius: 4px; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -o-transform: rotate(-40deg);"> <section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 16px; letter-spacing: 0px; color: #ffffff; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg);"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px;"><strong style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">数量</strong></span></section> </section> </section> </td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; line-height: 1.6em;">1PCS</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; line-height: 1.6em;">1</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; line-height: 1.6em;">PCS</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; line-height: 1.6em;">1</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; line-height: 1.6em;">PCS</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; line-height: 1.6em;">2PCS</span></td> <td style="margin: 0px; border: none; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: #244995; text-align: center; background-color: #d1edff; padding: 5px 10px;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 10px; line-height: 1.6em;">1PCS</span></td> </tr> </tbody> </table>
渲染的表格如下 出现部分背景色丢失的问题 网页渲染则正常