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

 

相关文章
|
5月前
|
前端开发 JavaScript
如何让input框在用户输入后,文字居中显示
如何让input框在用户输入后,文字居中显示
168 0
|
1月前
多个p标签,并让div“flex”布局,且单行溢出隐藏
多个p标签,并让div“flex”布局,且单行溢出隐藏
28 0
|
5月前
|
前端开发 JavaScript
怎么让input框在用户输入后,文字居中显示
怎么让input框在用户输入后,文字居中显示
294 0
|
6月前
|
前端开发
文本对齐[text-align]
文本对齐[text-align]。
58 2
|
11月前
|
前端开发
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
layUI table 内容超出宽度怎么换行显示,而不是显示省略号
349 0
|
前端开发
前端知识点1-text align是写在父级居中还是子级
前端知识点1-text align是写在父级居中还是子级
86 0
|
Web App开发 前端开发
去掉谷歌默认的input textarea边框样式
谷歌浏览器Chrome基于WebKit开源浏览器引擎,自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后,大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的,但是当网站本身就已经对于表单样式有一定的设计时,这种默认表单样式就会让人觉得套样了!
161 0
|
前端开发
css:input数字编辑框number去掉右侧上下箭头
css:input数字编辑框number去掉右侧上下箭头
366 0
css:input数字编辑框number去掉右侧上下箭头
控制label标签的宽度,不让它换行 label标签左对齐
控制label标签的宽度,不让它换行 label标签左对齐