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

简介: 1.业务需求:金额输入框数字向右靠 2.HTML文件  3.HTML引入css文件 4.css文件内容.easyui-numberbox { text-align: right}  5.

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如图:

 

相关文章
|
3天前
|
前端开发
文本对齐[text-align]
文本对齐[text-align]。
13 2
|
3天前
textarea文本框根据输入内容自动适应高度
textarea文本框根据输入内容自动适应高度
16 0
|
3天前
|
索引
Text文本框index文本索引
Text文本框index文本索引
30 4
|
6月前
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
123 0
|
10月前
|
程序员 数据安全/隐私保护
input输入时的边框样式去除
input输入时的边框样式去除
103 0
input输入时的边框样式去除
|
前端开发
前端知识点1-text align是写在父级居中还是子级
前端知识点1-text align是写在父级居中还是子级
65 0
|
Web App开发 前端开发
去掉谷歌默认的input textarea边框样式
谷歌浏览器Chrome基于WebKit开源浏览器引擎,自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后,大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的,但是当网站本身就已经对于表单样式有一定的设计时,这种默认表单样式就会让人觉得套样了!
127 0
|
前端开发
css:input数字编辑框number去掉右侧上下箭头
css:input数字编辑框number去掉右侧上下箭头
277 0
css:input数字编辑框number去掉右侧上下箭头
控制label标签的宽度,不让它换行 label标签左对齐
控制label标签的宽度,不让它换行 label标签左对齐
常用input输入框的行内验证
只能输入正整数 <input type="text" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.
1344 0