“margin:0 atuo;” 是什么意思？-木庄网络博客

本文摘自PHP中文网，作者Guanhui，侵删。

“margin:0 atuo;”所代表的的意思是水平居中，其中的margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right，再因为上下边界为0，左右则根据宽度自适应相同值，所以表达的意思是水平居中。

CSS 水平居中方法

行内元素：

行内元素就是内联元素。例如<span>、<a>、<label>、<em>、<img>等。。

直接构建一个具有 ”text-align:center“样式的容器，那么里面包含的行内元素就会都居中了。

<div style="text-align:center;border-style:solid">
       <p style="border-style:solid;width:500px">我是块级元素，我不居中</p>
       <span style="border-style:solid">我是行内元素，我要居中</span>
   </div>

块级元素：

块级元素有：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

定宽其实很好解决。直接margin:0 auto就可以实现容器居中，再加上text-align:center才可以让文本居中。

1	`<p style="border-style:solid;text-align:center;margin:0 auto;width:500px">我是定宽块级元素，我要居中</p>`

推荐教程：《CSS教程》

以上就是“margin:0 atuo;” 是什么意思？的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css超链接如何去掉下划线

css实现聚光灯效果的代码分享

聊聊css 与 js 是如何阻塞 dom 解析和渲染的

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » “margin:0 atuo;” 是什么意思？

“margin:0 atuo;” 是什么意思？

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论