CSS 세로선 문제 크롬 및 오페라

오페라에도 크롬 세로선에 관한 문제가 있습니다. Microsoft Edge에는이 문제가 없습니다. CSS 세로선 문제 크롬 및 오페라

오른쪽에 예상치 못한 라인이보다시피

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

Js Fiddle

는, 아직 여러 가지하지만 행운을 조작했습니다. 브라우저 사이의 글꼴 크기 차이에 대한 느낌이 들지만 그렇지 않아야합니다.

또한 margin-top 본문 요소를 제거하려고하면 바닥에 수평선이 나타나고 또 다른 이상한 세부 사항이 나타납니다.

출처

2017-10-08 Selcuk SZR

나는 그것이 해상도 문제라고 생각하는데, 당신이 다른 줌에서 바이올린을 보면 약간의 줌 레벨에서 사라지는 것을 볼 수 있습니다. 당신이 말하는 것은 내가 화면을 바꿀 때까지 내 화면에 나타나지 않습니다. – davidchoo12

네가 맞아. 질문은 왜, 그것의 다만 2 개의 란을 가진 기본적인 테이블이다. 응답 해 주셔서 감사합니다. –

테이블 요소의 표시처럼 보이는데 인라인 값으로 인해이 문제가 발생합니다. 그것을 제거하거나 디스플레이로 변경 : 인라인 테이블은 테이블에 완벽하게 맞 춥니 다.

출처

2017-10-08 11:40:03

답변

관련 문제