風格輸入元素，使文本棒

我有一個具有一定寬度的輸入元素，比如200px。如果輸入文本超過200px，則會顯示最後一個輸入，這樣如果我的輸入文本是400px，我只能看到最後一個（右側）部分，而不是第一個（左側）。我想要顯示第一部分（而不是最後一部分）。「text-align：left」是我明顯的選擇，但它並沒有做到這一點。風格輸入元素，使文本棒

如何讓我的文字貼在左邊？

來源

2013-09-26 Asle G

您能否通過截圖和代碼或使用[Codepen]（http://codepen.io）或[JSFiddle]（http://jsfiddle.net）等網站提供您的問題的示例？ – Bigood

這將是非常糟糕的用戶體驗，因爲在達到200px標記後用戶將無法看到他們正在輸入的內容。 –

你希望他們不能看到他們正在輸入的內容？ – 2013-09-26 12:20:29

將這工作：

<input type="text" name="textbox" style="direction:RTL;" />

您還可以使用文本對齊：左;

<input type="text" name="textbox" style="direction:RTL; text-align:left" />

給這兩個嘗試，因爲他們應該產生類似的結果，你所描述的。

來源

2013-09-26 10:50:24

我也想到了RTL，但是這會產生非常難看的結果特殊字符（！@＃$等），更不用說意外的瀏覽器「功能」。 – mavrosxristoforos

Thanx爲您的答案，但他們沒有幫助。方向RTL將文本向右對齊，因此與align-text：left相反。我的問題是，當輸入字段中的文本比它自己的字段更長... –

我試圖在沒有成功的情況下在小提琴中重現這一點。然後我發現輸入段本身是「可移動的」。正如我在Mac上，我可以掃描它，因此定位我的文本，因爲我想要的。雖然將默認演示文稿設置爲左對齊仍然很好，但... –

如果您要求的是一種方法，以便脫字符不會引導文本，那麼CSS無法實現。也許JavaScript，但我懷疑瀏覽器依賴於平臺級代碼來執行該功能。

這將是一個相當殘酷的偏離預期的行爲，但你是設計師。

來源

2013-09-26 12:28:59

風格輸入元素，使文本棒

回答

相關問題