表格单元格边框在 Thunderbird 中不可见答案

【问题标题】：Table cell border not visible in Thunderbird表格单元格边框在 Thunderbird 中不可见
【发布时间】：2014-02-20 20:00:44
【问题描述】：

我在网上找不到任何答案，希望有人可以帮助我。

好的

我的问题很简单，我试图实现以下目标。

在浏览器中它运行良好。但是在雷鸟中，它们之间没有分隔线。

我使用<table>，因为我无法以其他方式将价格与最低价格对齐。

这是我的代码。

<style>
    .verticalLineSimilar
    {
        border-right:1px grey solid;
        width: 0;
        background-color: transparent;
    }
    .similarTitle
    {
        font-size: 12px;
        width: 160px;
        text-align: center;
    }
    .similarImage
    {
        text-align: center;
    }
    .similarImage img
    {
        max-height:100px;
        max-width:100px;
    }
    .simiarPrice
    {
        color:red;
        font-size: 18px;
        text-align: center;
    }

</style>
<div id="RecommendationForYou" style="text-align: center;">
    <table style="display: inline-block;">
        <tr>
            <td class="similarTitle">{!=>SimilarTitle1<=!}</td>
            <td class="verticalLineSimilar" rowspan="3"></td>
            <td class="similarTitle">{!=>SimilarTitle2<=!}</td>
            <td class="verticalLineSimilar" rowspan="3"></td>
            <td class="similarTitle">{!=>SimilarTitle3<=!}</td>
            <td class="verticalLineSimilar" rowspan="3"></td>
            <td class="similarTitle">{!=>SimilarTitle4<=!}</td>
        </tr>
        <tr>
            <td class="similarImage"><img src="{!=>SimilarImage1<=!}"></td>
            <td class="similarImage"><img src="{!=>SimilarImage2<=!}"></td>
            <td class="similarImage"><img src="{!=>SimilarImage3<=!}"></td>
            <td class="similarImage"><img src="{!=>SimilarImage4<=!}"></td>
        </tr>
        <tr>
            <td class="simiarPrice">$ {!=>SimilarPrice1<=!}</td>
            <td class="simiarPrice">$ {!=>SimilarPrice2<=!}</td>
            <td class="simiarPrice">$ {!=>SimilarPrice3<=!}</td>
            <td class="simiarPrice">$ {!=>SimilarPrice4<=!}</td>
        </tr>
    </table>
</div>

我也尝试了以下

.verticalLineSimilar
    {
        width: 1px;
        background-color: grey;
    }

但是 td 不会低于 3px 女巫看起来很不专业

有什么我做错了或者我应该做的事情可以让我在 Thunderbird 中实际显示这些行。

感谢我能得到的任何帮助！

【问题讨论】：

标签： html thunderbird

【解决方案1】：

由于某些奇怪的原因，雷鸟不允许 td 元素上的边框。

所以我做的是一个

display: inline-block;
height: 100%;
border-right:1px grey solid;

在应该做边框的 td 元素内的 div 上。

【讨论】：

【解决方案2】：

这可能看起来微不足道，但您是否尝试过使用 rgb (128,128,128) 或 hex color (#808080)？

【讨论】：