html-table 相关问题

如何使用内联CSS将该表格转换为HTML？该表将在电子邮件程序中使用，仅内联 CSS。这是用于创建表的原始代码。如何使用内联CSS将该表格转换为HTML？该表格将在电子邮件程序中使用，仅内联 CSS。这是用于创建表的原始代码。 <center> <table style="width:100%; color: #000000; font-family: inter; display: grid; grid-template-columns: 100% 100%; grid-template-rows: auto; align-items: stretch; padding: 50px;"> <div> <tr> <th>M&M</th> <th>Tech M</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+4.5%</td> <td style="color: #E82619; text-align: center;">-1.9%</td> </tr> </div> <tr> <th>Power Grid</th> <th>Bharat Petroleum</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+2.7%</td> <td style="color: #E82619; text-align: center;">-1.8%</td> </tr> <tr> <th>Shriram Finance</th> <th>JSW Steel</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+2.3%</td> <td style="color: #E82619; text-align: center;">-1.5%</td> </tr> <tr> <th>IndusInd Bank</th> <th>HCL Tech</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+1.9%</td> <td style="color: #E82619; text-align: center;">-1.5%</td> </tr> <tr> <th>Hero Moto</th> <th>Dr Reddy's</th> </tr> <tr> <td style="color: #19C353; text-align: center;">+1.9%</td> <td style="color: #E82619; text-align: center;">-1.4%</td> </tr> </table> </center> 您可以通过删除每个 div 中的第二个表格行来稍微调整它，并仅使用表格标题和类似段落标记的内容来设置表格标题的样式，而段落标记位于它们之间。 <div> <tr> <th style="backgroud-color: #e3e9e5; text-align: center; padding: 0.5em; border-radius: 10px;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="backgroud-color: #e3e9e5; text-align: center; padding: 0.5em; border-radius: 10px;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> grid-template-rows: auto; align-items: stretch; padding: 50px;"> <div style="border-radius: 10px; padding: 0.5em; "> <tr> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> <div style="border-radius: 10px; padding: 0.5em; "> <tr> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> <div style="border-radius: 10px; padding: 0.5em; "> <tr> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> <div style="border-radius: 10px; padding: 0.5em; "> <tr> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">M&M <p style="color: #19C353; text-align: center;">+4.5%</p> </th> <th style="border-radius: 10px; padding: 0.5em; background-color: #e3e9e5; text-align: center;">Tech M <p style="color: #E82619; text-align: center;">-1.9%</p> </th> </tr> </div> </table> </center> </body> </html>

html css html-table css-selectors html-email

回答 2 投票 0

有人可以帮忙将此表转换为 HTML CSS，就像本文所附照片中的那样，使用内联 CSS 吗？

有人可以帮忙将此表转换为 HTML CSS，就像本文所附照片中的那样，使用内联 CSS 吗？该表格将在电子邮件程序中使用，请仅使用内联 CSS。这是RAW代码

html css html-table css-selectors html-email

回答 1 投票 0

有没有办法在 primeNg 的 p-editor 元素的工具栏中选择创建表格？

我在我的 Angular 项目 (14.2.0) 中使用 primeNg 库。其中一个组件使用 p-editor 来创建模板，它具有我需要的选项，除了“创建表”之外。 &...

angular html-table editor primeng quill

回答 1 投票 0

如何使嵌套html表格中的特定列水平滚动？

当有3个或更多货币栏时，我想让它水平滚动，如下所示：目前，我的表如下所示：前 6 列是固定的，将占据父表的 80%