为什么input标签选择器不能居中？

源自：8-2 选一个标签 - 标签选择器

为什么input标签选择器不能居中？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

#div1{width:300px;height:300px;background:red;margin:auto}

input {

margin:auto;

}

</style>

</head>

<body>

<input type="button" value="换色" />

<div id="div1">

</div>

</body>

</html>

提问者：狂四郎 2016-12-09 15:23

个回答

小刚0123456

2016-12-09 17:21:00

已采纳

input是行内元素，要先设置为块级元素再设置居中多加一个style属性：使用display来设置为块级元素，之后才能生效，下面有代码：
<input style="display:block" type="button" value="换色" />

1
小刚0123456

2016-12-09 17:22:29

你要是向更加深入了解，可以看看这篇博客：http://www.jb51.net/css/80872.html

0
想起飞的菜鸟

2016-12-09 16:04:43

加个标签，在另一个标签设置居中

0
qq_蓝眼睛不落泪_0

2016-12-09 15:59:18

input是行内元素，要先设置为块级元素再设置居中

0
慕粉2306058006

2016-12-09 15:56:10

因为input标签不具有这个属性

0