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

Posted Mr_伍先生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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如图:

 

以上是关于text-align 属性,输入框数字向右靠的主要内容,如果未能解决你的问题,请参考以下文章

怎么让输入框只能输入数字和小数点?

Flutter TextField 文本输入框的基本属性及详解

jQuery如何实现一个显示数字,双击后变成可输入框?

手机浏览器访问页面时,点击输入框如何自动切换到数字键盘,请大侠们指教

HTML5实现输入密码(六个格子)

让input光标一直在最右边