如何让一个input输入框居中

发布网友 发布时间：2022-04-22 18:49

我来回答

共8个回答

热心网友 时间：2022-05-13 02:22

1、新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。

2、然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。

3、然后把输入框和按钮的css样式写好，当然不写样式也可以，这里主要是为了美化一下。

4、打开浏览器测试一下，点击按钮之后输入框内自动居中了，如下图所示。

热心网友 时间：2022-05-13 03:40

<div style="text-align:center; vertical-align:middel;"><input type="text"></div>

这样你试试,应该就是左右 上下都居中了。

【延展】

怎么设定一个input输入框的长度？

属性 size 按可见字符数设置宽度

属性 maxlength 规定最大可输入字符数

要保持整体美观，可用 css

热心网友 时间：2022-05-13 05:14

<div align="center">
<input value="帐号"size="20">
</div>
在input外面嵌套div，设置div内部元素居中居中，输入框就居中了。

热心网友 时间：2022-05-13 07:06

<div style="text-align:center; vertical-align:middel;"><input type="text"></div>
这样你试试,应该就是左右 上下都居中了

热心网友 时间：2022-05-13 09:14

文本框默认就是居中的，其中输入的文本居中则是：style="text-align:center; "

热心网友 时间：2022-05-13 11:38

水,坐看牵牛织女星.

热心网友 时间：2022-05-13 14:20

align = "center"

热心网友 时间：2022-05-13 17:18

text-align:center