文本對齊輸入標籤

我用下面的代碼來對齊輸入文本字段的內容：文本對齊輸入標籤

Path <input type="text" value="http://stackoverflow.com/questions" style="text-align: right;">

問題：
這不長文本的情況下工作。

因爲我正在顯示文件夾路徑，所以我有興趣顯示最後一個文件夾。
我經歷了許多與文本對齊有關的帖子帖子，但他們都建議使用「text-align：right」。

來源

2014-09-24 Warrio

可以撥弄它，請。 – Tushar 2014-09-24 09:41:20

您可以將文本輸入的direction更改爲rtl，以便它顯示路徑的最後部分。

如需進一步信息，請參閱我的回答類似的問題在這裏：

How to cut off overflow on the left side

input[type="text"] { 
 
    /* text-align: right; */ 
 
    direction: rtl; 
 
}

Path <input type="text" value="https://stackoverflow.com/questions">

來源

2014-09-24 09:41:39

@downvoter，小心點評？我不這麼認爲。 OP在這個問題中只標記了'html'和'css'，唯一可能的CSS解決方案被降低了。 – 2014-09-24 17:10:18

試着做這樣的，這個屬性僅添加此標籤dir="rtl"

<input type="text" value="http://stackoverflow.com/questions" dir="rtl">

來源

2014-09-24 09:43:21 Shamanth

爲什麼選擇downvoted？它的工作。這裏只需要「文本對齊」 – Manwal 2014-09-24 09:45:31

http://www.w3schools.com/tags/att_global_dir.asp – Shamanth 2014-09-24 10:00:35

rtl黑客真好，但是如果你真的想改變它的價值就會很難。如果你不想這樣做，爲什麼首先要把它做成input？

所以用戶也可在輸入端使用一段JavaScript代碼設置光標：

// Wrap it in a function, if you like. 
 
function selectEnd(input) { 
 
    var pos = input.value.length; 
 
    input.setSelectionRange(pos, pos); 
 
    input.blur(); // Switch from not focus.. 
 
    input.focus(); // .. to focus, to force the cursor into view. 
 
} 
 

 
// Call it for your input. 
 
selectEnd(document.getElementById('path'));

Path <input id="path" type="text" value="http://stackoverflow.com/questions" style="text-align: right;">

來源

2014-09-24 09:56:33 GolezTrol

文本對齊輸入標籤

回答

相關問題