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

最新推荐文章于 2022-06-06 09:27:14 发布

weixin_33968104

最新推荐文章于 2022-06-06 09:27:14 发布

阅读量157

点赞数

本文介绍如何通过CSS设置HTML中的金额输入框使数字右对齐，包括HTML结构、CSS样式实现步骤，并提供了一个简单示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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