1223849716 发表于 2018-5-10 21:31:23

DIV简单问题 为什么我设置了不能居中

是我的软件出问题了 还是怎么回事啊

ABC23 发表于 2018-5-10 21:40:21

<div align="center">

</div>

1223849716 发表于 2018-5-10 21:49:22

ABC23 发表于 2018-5-10 21:40


不对

alltolove 发表于 2018-5-11 07:51:46

你那个.al是类选择器#al才是你要选的那个div，你把那个.al的全删了，所有的属性设置都放到#al里就对了

不二如是 发表于 2018-5-11 09:07:51


1、鱼油的div用的id，所以样式设置用的就应该是id选择器；

.al——》用于class，鱼油没有设置，所以居中没有效果。(想用class，就把id改成class="al")

只需要在#al：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>居中</title>
    <style>
      #al{
            width: 100px;
            height: 100px;
            background-color: red;
            margin-left: auto;
            margin-right: auto;
      }
    </style>
</head>
<body>
<div id="al">aa</div>
</body>
</html>


小技巧：
    margin-left: auto;
            margin-right: auto;

等价于：
margin: 0 auto;

推荐阅读：0 0 2 3 - 选择器之谜思


页: [1]
查看完整版本: DIV简单问题 为什么我设置了不能居中