如何從右向左更改輸入文本方向

Question

如何在HTML中反轉文本？ 如果我寫「蘋果」，我想把它改成「elppa」。 這是我試過的。但它只會改變文字方向！

Answer 1

可以在JS旋轉文本容器

CSS

.text-rotated { 
    transform: rotate(180deg) 
} 

或者另一種方式

var p = document.querySelector('p'); 

var reversed = p.innerText.split('').reverse().join(''); 

p.innerText = reversed; 

Example的jsfiddle

Answer 2

從css tricks

.rtl { 
 
    unicode-bidi:bidi-override; 
 
    direction:rtl; 
 
}

<div>apple</div> 
 
<div class="rtl">apple</div>

Answer 3

兩者可以使用javascript它這樣

function reverseString(str) { 
 
    return str.split("").reverse().join(""); 
 
} 
 

 
var rstring = reverseString("apple"); 
 
console.log(rstring)

，或者你可以做到這一點的HTML這樣

<p> 
 
    &#x202e; apple 
 
</p>

Answer 4

你可以這樣

做，如果你想使用在您的網頁每一個輸入屬性。

.input { 
    text-align:right; 
    unicode-bidi:bidi-override; 
    direction:rtl; 
} 

OR

如果你想影響一個輸入。

First name: <input type="text" style="text-align:right;unicode-bidi:bidi-override; direction:rtl;"/>