如何在HTML文本框中對齊文本？

我需要在列中顯示許多數值。這些值需要易於編輯，所以我不能將它們顯示在表格中。我正在使用文本框來顯示它們。有沒有辦法讓我對文本框中顯示的文本進行右對齊？如果用戶輸入數據以便開始顯示他們從右側輸入的內容，那也不錯。如何在HTML文本框中對齊文本？

來源

2008-10-03 Haabda

112

你嘗試設置樣式：

input { 
    text-align:right; 
}

只是測試，這（至少在FF3）正常工作：

<html> 
    <head> 
     <title>Blah</title> 
     <style type="text/css"> 
     input { text-align:right; } 
     </style> 
    </head> 
    <body> 
     <input type="text" value="2"> 
    </body> 
</html>

你可能想扔在這些輸入一個類，並將該類用作選擇器。我會避開「rightAligned」之類的東西。在類名中，您想要描述元素的功能，而不是應該如何呈現。「數字」可能是好的，或者可能是文本框的業務功能。

來源

2008-10-03 14:03:47

你預計我的下一個問題！非常感謝您的幫助。 – Haabda 2008-10-03 14:09:27

模擬MS計算器時保存了我的培根 – Sydwell 2015-02-04 10:29:05

使用內嵌樣式：

<input type="text" style="text-align: right"/>

，或者把它放在一個樣式表，像這樣：

<style> 
    .rightJustified { 
     text-align: right; 
    } 
</style>

和引用類：

<input type="text" class="rightJustified"/>

來源

2008-10-03 14:05:07

應用style="text-align: right"到輸入標籤。這將允許條目右對齊，並且（至少在Firefox 3，IE 7和Safari中）甚至會顯示爲正確。

來源

2008-10-03 14:05:48

如何在HTML文本框中對齊文本？

回答

相關問題