2008-10-03 49 views
57

Tôi có nhu cầu hiển thị nhiều giá trị số trong cột. Các giá trị này cần phải dễ dàng chỉnh sửa nên tôi không thể chỉ hiển thị chúng trong bảng. Tôi đang sử dụng hộp văn bản để hiển thị chúng. Có cách nào để tôi biện minh cho văn bản được hiển thị trong hộp văn bản không? Nó cũng sẽ được tốt đẹp nếu khi người dùng đang nhập dữ liệu cho nó để bắt đầu hiển thị những gì họ gõ từ bên phải.Bạn làm cách nào để biện minh cho văn bản trong hộp văn bản HTML?

Trả lời

112

Bạn có cố gắng thiết lập các phong cách:

input { 
    text-align:right; 
} 

Chỉ cần thử nghiệm, điều này hoạt động tốt (trong FF3 ít nhất):

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

Bạn có lẽ sẽ muốn ném một lớp học bằng các nguyên liệu đầu vào và sử dụng lớp đó làm công cụ chọn. Tôi sẽ tránh xa "rightAligned" hoặc một cái gì đó như thế. Trong một tên lớp, bạn muốn mô tả chức năng của phần tử là gì, không phải nó sẽ được hiển thị như thế nào. "số" có thể tốt, hoặc có thể là chức năng nghiệp vụ của các hộp văn bản.

+0

Bạn đã dự đoán câu hỏi tiếp theo của mình! Cảm ơn rất nhiều vì sự giúp đỡ của bạn. – Haabda

+0

lưu thịt xông khói của tôi khi mô phỏng máy tính MS – Sydwell

15

Sử dụng các kiểu inline:

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

hoặc, đặt nó trong một style sheet, như vậy:

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

và tham khảo các lớp:

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

Áp dụng style="text-align: right" đến thẻ đầu vào. Điều này sẽ cho phép mục nhập được chứng minh đúng và (ít nhất là trong Firefox 3, IE 7 và Safari) thậm chí sẽ xuất hiện từ bên phải.

+0

* "flow từ bên phải" * có nghĩa là gì? – ADTC

Các vấn đề liên quan