温馨提示×

温馨提示×

您好，登录后才能下订单哦！

密码登录×
  • 忘记密码？
登录注册×
获取短信验证码
其他方式登录
点击 登录注册 即表示同意 《亿速云用户服务条款》
  • 服务器
  • 数据库
  • 开发技术
  • 网络安全
  • 互联网科技
登 录 注册有礼
云服务器 香港服务器 高防服务器
最新更新 网站标签 地图导航
产品
  • 首页 > 
  • 教程 > 
  • 开发技术 > 
  • web开发 > 
  • CSS的margin语法和作用是什么

CSS的margin语法和作用是什么

发布时间：2022-03-23 13:55:05 来源：亿速云 阅读：249 作者：iii 栏目： web开发

这篇文章主要介绍了CSS的margin语法和作用是什么的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇CSS的margin语法和作用是什么文章都会有所收获，下面我们一起来看看吧。

一、CSS margin认识   

margin设置对象外边距,如果我们给DIV设置一条边框线(border)样式后，在DW软件里即可看出margin设置值其实是在边框外距离，此样式设置对象（DIV）之间间距的样式。

详细介绍见：margin教程

二、margin:0 auto作用语法  

1、margin:0 auto介绍
margin:0 auto 设置对象上下间距为0，左右自动。
可拆分： margin:0 auto 0 auto（上下）
还可拆分为：margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;

CSS的margin语法和作用是什么
margin使用效果截图

2、作用
对DIV设置margin:0 auto样式，是为了让DIV在浏览器中水平居中。布局居中、水平居中，均加入margin:0 auto即可。

三、关节点：auto(自动、自适应)   

假如一个DIV我们设置宽度为500px，然后设置margin:0 auto样式后，假如你浏览器窗口宽度为1000px宽，这个时候此DIV靠左和靠右间距为（auto）这个时候浏览器会自动辨析DIV靠左和靠右各250px宽度间距，此时这个DIV盒子自然而然就水平居中浏览器中。

为什么要设置margin:0 auto？
设置此样式让DIV布局水平居中于浏览器中，目的就是兼容各大浏览器让布局居中。如果不加margin:0 auto CSS样式，会造成布局在有的浏览器中居中有的浏览器靠左。

禁：如果要让DIV布局居中浏览器中，加入margin:0 auto就不能加入float浮动样式，避免逻辑错误，造成布局居中不兼容。

关于“CSS的margin语法和作用是什么”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“CSS的margin语法和作用是什么”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。

向AI问一下细节
推荐阅读：
  1. CSS中margin不起作用怎么办
  2. CSS的基本概念、作用、使用、语法和属性

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。

css margin
  • 上一篇新闻：
    css定义声明的做法有哪些
  • 下一篇新闻：
    css如何使用left

猜你喜欢

  • 云服务器定时开关机怎么设置
  • jquery点击事件不生效怎么解决
  • 电脑如何取消开机前的scandisk程序
  • win10如何把开机启动项关闭
  • win10关闭开机启动项的方式有哪些
  • 购买一台云服务器可以干什么
  • 本地如何访问云数据库服务器
  • python怎么合并两个文件的内容
  • jquery如何绑定标签点击事件
  • JS怎么判断下拉框被选择
最新资讯
  • LAMP环境PHP-FPM进程管理优化
  • LAMP环境PHP错误日志轮转与压缩
  • PHP操作MySQL时的时间戳处理
  • MySQL慢查询日志在PHP调优中的作用
  • LAMP环境防火墙配置与安全加固
  • LAMP环境如何配置PHP-FPM
  • LAMP架构中Apache与Nginx性能对比实测
  • LAMP环境PHP安全配置要点
  • PHP中MySQL错误处理的最佳实践
  • LAMP环境PHP代码压缩技术
相关推荐
  • css属性margin的作用是什么
  • CSS中margin和padding的区别是什么
  • CSS中margin属性的用法是什么
  • CSS 中margin 属性的作用是什么
  • margin-top属性的语法和特征是什么
  • CSS中Margin和Padding属性的作用是什么
  • CSS中margin属性的作用是什么
  • CSS中margin的基本特性和写法
  • CSS中margin不起作用的原因及怎么解决
  • css中的margin是什么意思

相关标签

html5+css3 div+css css modules scss css属性操作 css基础 css+html css框架 ​css3 css的使用 css sprite ionic-css布局 css选择器 css属性 html/css animate.css css预处理器 css盒子模型 css文本 css权重
AI
助
手
产品服务
  • 云服务器
  • 高防服务器
  • 高防IP
  • 裸金属服务器
  • 机柜租用
  • SSL证书
  • 高防CDN
  • 弹性IP
地区划分
  • 中国香港服务器
  • 美国服务器
  • 德国服务器
  • 日本服务器
  • 韩国服务器
  • 新加坡服务器
专题活动
  • 控制台
  • 应用市场
  • 最新活动
帮助支持
  • 帮助中心
  • 网站备案
  • 法律条款
  • 全国服务
  • 安全漏洞
  • 主题地图
关于我们
  • 关于亿速云
  • 客户案例
  • 新闻资讯
  • 资讯地图
  • 问答地图
  • 联系我们
  • 人才招聘
售后咨询
7*24小时在线电话：400-100-2938
7*24小时在线 QQ：800811969
关注亿速云

亿速云公众号

手机网站二维码

Copyright © Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有

广州亿速云计算有限公司 粤ICP备17096448号-1 粤公网安备 44010402001142号增值电信业务经营许可证编号：B1-20181529

玻璃钢生产厂家红河广场玻璃钢雕塑曲靖玻璃钢雕塑浮雕厂玻璃钢西方雕塑河北室内商场美陈供应海南玻璃钢雕塑工厂玻璃钢雕塑柚子上海铭将玻璃钢雕塑厂白城玻璃钢雕塑厂玻璃钢雕塑小奶牛什么是家具商场美陈陕西多彩玻璃钢雕塑多少钱东升商场美陈江苏大型商场美陈厂家供应正航玻璃钢雕塑玻璃钢浮雕房地产雕塑厂家抽象玻璃钢雕塑订做价格敦煌玻璃钢雕塑浦口商场美陈制作河南景区玻璃钢雕塑批发江门玻璃钢雕塑厂家推荐青海玻璃钢植物雕塑设计珠海玻璃钢奶牛雕塑兴城玻璃钢牛雕塑蚌埠景区玻璃钢雕塑多少钱玻璃钢校园雕塑设计一般多少钱广州玻璃钢雕塑摆件制造成都玻璃钢大象雕塑商场折纸美陈图片深圳玻璃钢飞马雕塑新县玻璃钢雕塑定制香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人？张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身！外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫：哈马斯三号人物被杀测试车高速逃费 小米：已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化