Question

我在使用Google Chrome和Google Mail Clients的基础电子邮件时遇到一些问题。我使用以下漆黑代码：

<row><columns small="12" large="12">

    <!-- Trennlinie -->
    <hr style=" border: 0; height: 1px; background: #999;">

</columns></row>

生成的html代码如下

            <table class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%">
                <tbody>
                    <tr style="padding: 0; text-align: left; vertical-align: top">
                        <th class="small-12 large-12 columns first last" style="Margin: 0 auto; color: #1F1F1F; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 0px; padding-left: 16px; padding-right: 16px; text-align: left; width: 564px">
                            <table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%">
                                <tr style="padding: 0; text-align: left; vertical-align: top">
                                    <th style="Margin: 0; color: #1F1F1F; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left">

                                        <!-- Trennlinie -->
                                        <hr style="border: 0; height: 1px; background: #999">

                                    </th>
                                    <th class="expander" style="Margin: 0; color: #1F1F1F; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0 !important; text-align: left; visibility: hidden; width: 0">
                                    </th>
                                </tr>
                            </table>
                        </th>
                    </tr>
                </tbody>
            </table>

在gmail和chrome中，hr仅显示为屏幕尺寸的50％，其余50％由扩展器使用。如您所见，扩展器的宽度设置为0。

hr only 50% width

expander takes the 50%

我确实将hr的宽度设置为100％，没有结果。

在所有其他客户端中，hr仅在这两个客户端中显示良好。我该怎么做才能解决此问题

来自德国西区的问候弗兰克

BUG Foundation电子邮件无法显示带有Chrome / gmail的hr

0 个答案: