text-align 属性，输入框数字向右靠

1.业务需求：金额输入框数字向右靠

 

2.HTML文件

<td id="otherPay_Td">
   <input id="otherPay" type="text" name="otherPay" style="width:160px;"
    class="easyui-numberbox"  data-options="required:true,validType:'number',validType:'length[1,12]'"></input>
</td>

 

3.HTML引入css文件

<link rel="stylesheet" type="text/css" th:href="@{/css/coverui.css}" />

 

4.css文件内容

.easyui-numberbox {
    text-align: right
}

 

 

5.一个简单的示例

<html>
<head>
<style type="text/css">
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
</style>
</head>

<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
</body>

</html>

 

6如图：

 

posted @ 2017-03-07 12:32  Mr_伍先生  阅读(1073)  评论(0)  编辑  收藏  举报