html - 如何隐藏在每个html标签之后附加的br标签

Question

请提供任何相关的隐藏 br 标签的解决方案，它附加在每个 html 标签之后，我已经尝试但没有修复它，当使用不显示 br 标签时，它也会在样式中附加 br 标签，如何显示无 br 标签不附加任何 html 标签，在 zoho invoice 中编写此 html https://invoice.zoho.in编辑这是代码:

<style>
    <br>div br {
        display: none
    }

    <br>
</style><br><br>
<div style="font-family: Helvetica Neue, Helvetica, Helvetica, Arial, sans-serif;"><br> <br><br><br>
    <table style="width: 100%;">
        <tbody>
            <tr>
                <td></td>
                <td bgcolor="#FFFFFF "><br>
                    <div style="padding: 15px; max-width: 600px;margin: 0 auto;display: block; border-radius: 0px;padding: 0px; border: 1px solid lightseagreen;"><br>
                        <br><br><br><br><br><br>
                        <table style="width: 100%;background: #5d5657 ;">
                            <tbody>
                                <tr>
                                    <td><br>
                                        <div><br> <br><br><br><br>
                                            <table width="100%">
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="2" style="text-align:center;padding:10px;"><br>
                                                            <img style="float:left; " width="111" src="https://wire-itsolutions.com/images/logo.png">
                                                            <br> <br> <span style="color:white;float:right;font-size: 13px;font-style: italic; padding:10px; font-size: 14px; font-weight:normal;"><br>
                                                                <div>Wire-IT Solutions </div><br>
                                                                <div>915 NW 1st Ave Apt H808,</div><br>
                                                                <div>Miami, FL 33136</div><br>
                                                            </span><br> </td>
                                                    </tr>
                                                </tbody>
                                            </table><br>
                                        </div><br>
                                    </td>
                                </tr>
                            </tbody>
                        </table><br> <br><br><br><br><br><br><br><br>
                        <table style="padding: 10px;font-size:14px; width:100%;">
                            <tbody>
                                <tr>
                                    <td style="padding:10px;font-size:14px; width:100%;"><br>
                                        <p>Hi [FIRSTNAME],</p><br>
                                        <p><br> Your verification code for email verify is [VCODE] . [SITE]. </p><br>
                                        <br>
                                        <p>&nbsp;</p><br>
                                        <p>Thank you regard </p><br> <br> <br>
                                    </td>
                                </tr>
                                <tr>
                                    <td><br>
                                        <div align="center" style="font-size:12px; margin-top:20px; padding:5px; width:100%; background:#eee;"><br>
                                            © 2018 <a href="#" style="color:#333; text-decoration: none;">Wire-IT
                                                Solutions. All Rights Reserved.<br><br> </a><br> </div><br>
                                    </td>
                                </tr>
                                <tr>
                                    <td><small></small></td>
                                </tr>
                            </tbody>
                        </table><br>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Answer 1

您可以在 css 文件中尝试此操作并将该 css 文件导入 HTML。

br {
        display: none
    }

我建议使用 Visual Studio Code 作为编辑器，它是一个免费且非常好的编辑器。