여러 언어를 지원하기 위해 Bootstrap 3 및 i18next 라이브러리를 사용하여 webapp를 만들고 있습니다.dir = "auto"는 firefox에서는 작동하지만 크롬에서는 작동하지 않습니다.
LTR 언어에서 RTL 언어로 전환 할 때 Firefox에서 모든 단어가 전환되어 오른쪽으로 정렬되지만 Chrome에서는 단어가 번역되지만 오른쪽으로 정렬되지 않으며 구두점과 같은 것들이 잘못된면에 있습니다.
RTL 언어를 올바르게 표시하기 위해 dir = "auto"태그가 Chrome에서 작동해서는 안되는 이유가 있습니까?
right: auto overrides right: 0
.dir_rtl #main_search_wrapper {
right: auto;
left: 0;
}
설명해 주시겠습니까? 저는 CSS를 처음 접했고 부트 스트랩 CSS 파일을 사용하고있었습니다. – user3711471
이 크롬에서 버그가 수 있도록 보인다는 3
당신의 RTL 텍스트가 새 줄에 시작할 때 그런 일을 부트 스트랩 관련이 다음과 같은 경우,
<p dir="auto">
الف
</p>
그러나 텍스트를 인라인에 넣으면 작동합니다.
<p dir="auto">الف</p>
아무 래도 Chrome은 줄을 첫 번째로 강한 문자로보고 왼쪽에서 오른쪽으로 이동하기로 결정했습니다. 그러나 텍스트를 인라인하면 첫 번째 강한 문자가 인식되어 제대로 렌더링됩니다.
는 이것이 부트 스트랩 문제 – user3711471
비록이 실제로 크롬의 버그로 보인다. 나는 같은 문제가있다. –