CSS vertikale weiße Linie Problem Chrome und Opera

Ich habe ein Problem über vertikale weiße Linie auf Chrome, auch auf Opera. Microsoft Edge hat dieses Problem nicht.CSS vertikale weiße Linie Problem Chrome und Opera

Js Fiddle

<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>

Wie Sie sehen, dass es eine unerwartete Linie auf der rechten Seite ist, habe ich versucht, es mit vielen Möglichkeiten zu manipulieren, aber kein Glück noch. Es fühlt sich an wie der Schriftgrößenunterschied zwischen Browsern, aber es sollte nicht sein.

Auch wenn Sie versuchen, Body-Elemente Rand-Top zu entfernen, werden Sie eine horizontale weiße Linie auf der Unterseite auftritt, das ist ein anderes seltsames Detail.

Quelle

2017-10-08 Selcuk SZR

Ich denke, es ist ein Auflösungsproblem, Sie können sehen, dass es bei einigen Zoomstufen verschwindet, wenn Sie die Geige auf verschiedenen Zooms betrachten. Was Sie sagen, wird nicht auf meinem Bildschirm angezeigt, bis ich die Zooms geändert habe. – davidchoo12

Ja, du hast Recht. Frage ist warum, es ist nur eine einfache Tabelle mit zwei Spalten. Danke für die Antwort. –

Es scheint Anzeige des Table Elements: Inline-Wert verursacht dieses Problem. Entfernen oder als Display verändern: Inline-Table-Tds passen perfekt in meinen Tisch.

Quelle

2017-10-08 11:40:03

CSS vertikale weiße Linie Problem Chrome und Opera

Antwort

Verwandte Themen