[已解决]DIV简单问题为什么我设置了不能居中

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

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

最佳答案

月排行榜 / 总排行榜

不二如是

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 - 选择器之谜思

跳转到最佳答案楼层

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

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