评分

水平居中的三种方法——最后一种你绝对没想到

1年前更新

520

使用html的align属性，给要居中的元素的父级属性加上一个align属性。比如我们给一个类名为nav的盒子加居中，那么我们可以这样写：
```
<div align="center">
        <div class="nav">
            居中
        </div>
    </div>
```

使用css的text-align，其实和第一种方法是一样的。一样的例子：

<div style="text-align: center;">
        <div class="nav">
            居中
        </div>
    </div>

使用css的margin外边距设置当前元素，设置左右的外边距为auto(自动)，那么会吧左右两边的的外边距平均分配好，达到居中效果。
```
<div style=" margin: 0px auto;">
            居中
        </div>
```

教程/笔记 CSS

评分

欢迎为Ta评分