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

来源:8-2 选一个标签 - 标签选择器

狂四郎

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>


写回答 关注

5回答

  • 小刚0123456
    2016-12-09 17:21:00
    已采纳

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

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

  • 小刚0123456
    2016-12-09 17:22:29

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

  • 想起飞的菜鸟
    2016-12-09 16:04:43

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

  • qq_蓝眼睛不落泪_0
    2016-12-09 15:59:18

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

  • 慕粉2306058006
    2016-12-09 15:56:10

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

初识HTML(5)+CSS(3)-升级版

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

1225813 学习 · 18234 问题

查看课程

相似问题