为了账号安全,请及时绑定邮箱和手机立即绑定

为什么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>


正在回答

5 回答

input是行内元素,要先设置为块级元素再设置居中   多加一个style属性:使用display来设置为块级元素,之后才能生效,下面有代码:

<input style="display:block" type="button" value="换色"  />

1 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225771    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信