IE6에서 다른 언어의 텍스트 정렬이 다릅니다

페이지 항목이있는 페이지 매김 막대가 있습니다. 그리고 우리의 응용 프로그램은 i18n을 지원해야합니다. 그런 다음 중국어를 표시 할 때 텍스트가 예상대로 정렬되지 않는다는 것을 알게되었습니다. 여기 IE6에서 다른 언어의 텍스트 정렬이 다릅니다

Example here.

그리고

는 ff 및 ie6의 결과입니다.

IE6에서 下一页li은 다른 li과 정렬 될 수 없습니다. 문제가 무엇입니까?

출처

2012-10-12 hguser

마크 업, 특히 스타일이 IE의 이전 버전에 비해 너무 복잡하고 해결하기 위해 노력 작풍은 더 합병증 및 non-robust 해결책으로 이끌어 내 경향이있다. 당신이보다는 문제를 해결한다면 그래서 여기에 마크 업에서 강력한 접근 방식 "일이 옳은 일"

<table align=center class=page> 
    <tr> 
     <td><a href="...">Next</a> 
     <td><a href="...">1</a> 
     <td><a href="...">下一页</a> 
</table>

이 쉽게 미세 조정 등 패딩, 글꼴, 색상, 대한, CSS에서 할 수 있습니다 .. ..

중국어가 지원되지 않아도 자주 설치 되었기 때문에 IE 6에는 여전히 문제가 있습니다. IE 6을 사용하는 바로 사용 가능한 PC는 적절한 글꼴이 없어서 한자를 작은 사각형으로 표시했습니다.

출처

2012-10-12 07:37:11

어떤 스타일이 복잡하다고 말할 수 있습니까? – hguser

변경에서 :

.page li 
{ 
    display: inline; 
    list-style: none outside none; 
    margin: 0; 
    vertical-align: top; 
}

에 :

.page li 
{ 
    display: inline; 
    list-style: none outside none; 
    margin: 0; 
}

출처

2012-10-12 07:05:50 Fr0zenFyr

IE의 또 다른 문제점은 선행 ('#'과 함께) 주석 처리를하면 여전히 매개 변수를 선택한다는 것입니다. 그 바보 같은 버그. 주석을 달지 말고 줄을 삭제하십시오. – Fr0zenFyr

XP 가상 머신의 IE 6에서 테스트했을 때 효과가 없습니다. –

.page ul 
{ 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    line-height:40px; 
} 
.page li 
{ 
    display: inline; 
    list-style: none outside none; 
    margin: 0; 
    line-height:40px; 
} 
:first-child + html .page li a 
{ 
    margin-right: 0px; 
} 
.page a, .page a:visited, .page a:active 
{ 
    border: 1px solid #9AAFE5; 
    color: #2E6AB1; 
    padding: 5px 0.5em; 
    text-decoration: none; 
    line-height:40px; 
    vertical-align:bottom; 
}

jsFiddle

출처

2012-10-12 07:21:36 Afshin

IE6에서 다른 언어의 텍스트 정렬이 다릅니다

답변

관련 문제