前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >margin 属性

margin 属性

作者头像
Html5知典
发布2019-11-26 16:55:42
5640
发布2019-11-26 16:55:42
举报
文章被收录于专栏:Html5知典Html5知典

用途

margin 规定标签中四个方向的外边距属性。四个外边距属性表示分别为: margin-top, margin-right, margin-bottom,margin-left。外边距属性可为负数。

语法

代码语言:javascript
复制
/* <length> value */
 max-height: 2.5em; /*单值语法 */ 
 
 /* <percentage> value */ /*二值语法 */ 
 max-height: 95%; 
 
 margin: top horizontal bottom; /*三值语法 */ 
 
 margin: top right bottom left; /*四值语法 */

描述

<length>

此关键词指定一个固定的外边距高度。

<percentage>

此关键词表示相当于包含该标签的块的i外边距(即相当于该块的百分比)。若块未明确的指定,则该百分比相当于none

auto

此关键词会被替换为一个适当的值。且可以用于讲一个块级元素居中。

例子

代码语言:javascript
复制
/* HTML */
<div id="red"> Hudaokeji. </div>

#red { 
    width: 50%; 
    margin: auto; 
    background: red; 
    text-align: center; 
 }
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-09-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档