2008-10-03 32 views
57

Sütunlarda birçok sayısal değeri görüntülemeye ihtiyacım var. Bu değerlerin kolayca düzenlenebilir olması gerektiğinden, bunları bir tabloda gösteremiyorum. Onları görüntülemek için metin kutuları kullanıyorum. Bir metin kutusunda görüntülenen metni doğru şekilde haklı çıkarmanın bir yolu var mı? Kullanıcı, veriyi girdikten sonra sağdan yazdıklarını göstermeye başlamak isterse de iyi olurdu.Bir HTML metin kutusundaki metni haklı olarak nasıl haklı çıkarırsınız?

cevap

112

stili ayarlamayı deneyin mü:

input { 
    text-align:right; 
} 

Sadece test, bu (en azından FF3) çalışıyor:

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

Muhtemelen bu girişlerdeki bir sınıf atmak isteyeceksiniz ve bu sınıfı seçici olarak kullanın. "RightAligned" den ya da böyle bir şeyden utangaç olurdum. Bir sınıf isminde, öğenin işlevinin ne olduğunu açıklamak istersiniz, nasıl işleneceğini değil. "sayısal" iyi olabilir veya belki de metin kutularının iş işlevi olabilir.

+0

Bir sonraki sorumu tahmin ettiniz! Yardımınız için çok teşekkürler. – Haabda

+0

bir MS hesap makinesi öykünürken pastamı kurtardı – Sydwell

15

kullanma satır içi stilleri: şöyle

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

veya bir stil sayfasında koyun:

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

ve sınıfına atıfta:

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

için style="text-align: right" uygula giriş etiketi. Bu, girişin haklı olarak doğrulanmasını sağlar ve (en azından Firefox 3, IE 7 ve Safari'de) sağdan akacak gibi görünür.

+0

* "sağdan akan" * ne demektir? – ADTC

İlgili konular