我在网上找不到任何答案,并且跳着某人可以帮助我。在Thunderbird中看不到表格单元格边框
好吧
我的问题很简单,我试图达到以下目的。
在浏览器中它工作得很好。但在雷鸟中,没有一条线将它们分开。
即时通讯使用<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巫婆下显得非常不专业
有什么即时通讯做错了什么,我应该这样做可以让我真正在雷鸟中展示那些线。
感谢您的帮助!
我只是尝试了十六进制颜色,但仍然无法正常工作:/ –
由于某种原因它接缝,我可以把边界放在div的但不是TD ... –