百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> “margin:0 atuo;” 有哪些意思?
分享文章到:

“margin:0 atuo;” 有哪些意思?

发布时间:09/01 来源:未知 浏览: 关键词:

“margin:0 atuo;” 是啥意思?

“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才可以让文本居中。

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

引荐教程:《CSS教程》


以上就是“margin:0 atuo;” 是啥意思?的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板