CSS垂直白線問題Chrome和Opera

我在Chrome上也有一個關於垂直白線的問題，也在Opera上。 Microsoft Edge沒有這個問題。CSS垂直白線問題Chrome和Opera

<div id="mainContainer" style="margin:auto; text-align: center"> 

    <table cellspacing="0"; cellpadding="0"> 
     <tbody> 
      <tr> 
       <td class="left">Lolo1</td> 
       <td class="right" style="background-color: green">BlaBla1</td> 
      </tr> 
      <tr> 
       <td class="left">Lolo2</td> 
       <td class="right" style="background-color: green">Blabla2</td> 
      </tr>    
     </tbody> 
    </table>

正如你看到有右側預期的訂單，我試過很多方法，但沒有運氣來操作它。這感覺就像它關於瀏覽器之間的字體大小差異，但它不應該。

此外，如果您嘗試刪除身體元素的邊緣頂部，你會看到一個水平的白線也發生在底部也是，這是另一個奇怪的細節。

來源

2017-10-08 Selcuk SZR

我認爲這是一個解決問題，你可以看到它消失在一些縮放級別，如果你在不同的縮放查看小提琴。在改變縮放之前，你所說的沒有顯示在我的屏幕上。 – davidchoo12

是的，你說得對。問題是爲什麼，它只是一個兩列的基本表。感謝您的迴應。 –

看起來像表元素的顯示：內聯值導致了這個問題。刪除它或將其更改爲顯示：內聯表使tds完全適合我的表格。

來源

2017-10-08 11:40:03

CSS垂直白線問題Chrome和Opera

回答

相關問題