狂四郎
2016-12-09 15:23
<!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>
input是行内元素,要先设置为块级元素再设置居中 多加一个style属性:使用display来设置为块级元素,之后才能生效,下面有代码:
<input style="display:block" type="button" value="换色" />
你要是向更加深入了解,可以看看这篇博客:http://www.jb51.net/css/80872.html
加个标签,在另一个标签设置居中
input是行内元素,要先设置为块级元素再设置居中
因为input标签不具有这个属性
初识HTML(5)+CSS(3)-升级版
1225309 学习 · 18230 问题
相似问题