Q

CSS隨着閱讀方向變化怪異

html
css

2016-01-21 33 views 0 likes

0

早上好，CSS隨着閱讀方向變化怪異

當我把文檔閱讀方向從ltr改成rtl時，我對一些CSS有個奇怪的反應。

當我試圖顯示一些文本，如地址： 28大街 - XXXX -XXX -XXXX

我結束了這個大街 - XXXX -XXX -XXXX 28

見爲自己 http://codepen.io/anon/pen/dGJZOg

<html dir="rtl"> 
    <span>28 Main Street - 00000 - CITY - COUNTRY</span> 
    </br> 
    <span>Main Street - 00000 - CITY - COUNTRY</span> 
    </br> 
    <span>plop 28 Main Street - 00000 - CITY - COUNTRY</span> 
</html>

2016-01-21 LinChan

A

回答

1

我認爲這是它應該如何工作。查看這些鏈接。 Right-to-left text in HTML和CSS Direction。要翻轉文本，請檢查此link。希望這可以幫助。

2016-01-21 09:01:50 induprakash

+0

是的，但是爲什麼當我在諸如」28東西 - 更多東西「這樣的文本上使用反轉時，我最終得到的是」東西 - 更多28「，而如果我嘗試渲染」28東西 - 更多的東西「我最終得到了」p 28的東西 - 更多的東西「。我似乎沒有遵循任何邏輯 – LinChan

+1

它與角色的固有方向有關。 https://www.w3.org/International/articles/inline-bidi-markup/和https://www.w3.org/TR/html4/struct/dirlang.html – induprakash

+1

好的，沒有真正理解邏輯在它後面，但正如我所建議的，我要包裝地址並將方向設置爲ltr，因爲它是一個地址。無論如何thx – LinChan

4

這條線就是爲什麼你的文字從右轉到左：

<html dir="rtl">

dir="rtl"字面意思是write this text right-to-left！

什麼（我覺得）你想達到的，是這樣的：

html { 
 
    text-align : right 
 
}

<span>28 Main Street - 00000 - CITY - COUNTRY</span> 
 
</br> 
 
<span>Main Street - 00000 - CITY - COUNTRY</span>

這在屏幕的右側位置的文字，但你的信仍然讀左到右！

2016-01-21 08:29:27

+0

感謝您的回答，但我希望文本從右到左閱讀（當網站在arabe爲例）。我不明白的是爲什麼當我改變閱讀方向時，數字以某種方式改變到了另一邊 – LinChan

+0

所以你的意思是你想要的結果像COUNTRY-CITY-00000-STREET-MAIN 28 –

+0

是的，至少看起來是合乎邏輯的，或者因爲它不會改變，而我不明白的是，爲什麼當我做「28件事 - 更多」這樣的事情時，我最終會以「某事 - 更多28件事」結束，而如果我試圖扭轉「28件事 - 某件事更多「，它不會改變 – LinChan

相關問題