如何让div中的一个input输入框在div中居中？这个div是有高度和宽度的！

Question

如题所述

Answer 1

设置div的样式中的“text-align”值为“center”就可以了。这个意思是将div内的元素在div内部进行居中，不止是input输入框，包括input其他类型，字符串等都是会被居中。以下演示具体示例步骤：

1、打开一个HTML文件编辑器，新建一个HTML文件，在HTML文件中输入HTML文件所需要的基本元素。

2、接下来再body标签内添加一个div标签，然后在div标签中添加一个input输入框标签。

3、接下来再div元素里面配置相关属性。元素配置属性有三种方法：行内式，行外式和外部式。在这里使用的是行内式。

4、保存好在浏览器中运行编辑好的HTML文件。效果如图：

Answer 2

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

你这样写试试,应该就是居中了

追问

试过了。。。这种写法只能使左右居中，上下不居中

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

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

追问

我也试了，为什么垂直居中的样式没有起作用

追答

居中设置应该就这样了,不行就得设置上下间距了

追问

哦哦好吧

本回答被提问者和网友采纳

Answer 3

div父元素水平居中，input设为行内块
<div style="text-align:center;">
<input type="text" style="display:inline-block">
</div>

Answer 4

给div设置一个高度,然后 line-height =div的高度就可以实现垂直居中了

Answer 5

{
display:block;
margin:0 auto;
}