在Thunderbird中看不到表格單元格邊框

我在網上找不到任何答案，並且跳着某人可以幫助我。在Thunderbird中看不到表格單元格邊框

好吧

我的問題很簡單，我試圖達到以下目的。

在瀏覽器中它工作得很好。但在雷鳥中，沒有一條線將它們分開。 enter image description here

即時通訊使用<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巫婆下顯得非常不專業 enter image description here

有什麼即時通訊做錯了什麼，我應該這樣做可以讓我真正在雷鳥中展示那些線。

感謝您的幫助！

來源

2014-02-20 Nicolas Racine

這可能看起來微不足道，但有嘗試使用rgb（128,128,128）或十六進制顏色（＃808080）？

來源

2014-02-20 20:14:00 PatC

我只是嘗試了十六進制顏色，但仍然無法正常工作：/ –

由於某種原因它接縫，我可以把邊界放在div的但不是TD ... –

由於某些古怪的原因，雷鳥不會允許td元素的邊界。

所以我所做的是

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

上被suposed辦邊防TD元素內一個div。

來源

2014-02-20 20:23:57

在Thunderbird中看不到表格單元格邊框

回答

相關問題