How do you right-justify text in an HTML textbox?

前端未结

关注

 3  1905

I have a need to display many numerical values in columns. These values need to be easily editable so I cannot just display them in a table. I am using textboxes to display

相关标签:

3条回答

既然无缘

2020-12-29 19:45

Using inline styles:

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

or, put it in a style sheet, like so:

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

and reference the class:

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

0 讨论(0)

小蘑菇

2020-12-29 19:55
Did you try setting the style:
```
input {
    text-align:right;
}
```
Just tested, this works fine (in FF3 at least):
```
<html>
    <head>
        <title>Blah</title>
        <style type="text/css">
        input { text-align:right; }
        </style>
    </head>
    <body>
        <input type="text" value="2">
    </body>
</html>
```
You'll probably want to throw a class on these inputs, and use that class as the selector. I would shy away from "rightAligned" or something like that. In a class name, you want to describe what the element's function is, not how it should be rendered. "numeric" might be good, or perhaps the business function of the text boxes.
0 讨论(0)
发布评论:

提交评论
- 加载中...
梦谈多话

2020-12-29 20:03

Apply style="text-align: right" to the input tag. This will allow entry to be right-justified, and (at least in Firefox 3, IE 7 and Safari) will even appear to flow from the right.

0 讨论(0)
发布评论:

提交评论
- 加载中...