温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css如何使用单边外边距属性为元素单边上的外边距设置值

发布时间:2022-03-03 11:23:58 来源:亿速云 阅读:111 作者:小新 栏目:web开发

这篇文章给大家分享的是有关css如何使用单边外边距属性为元素单边上的外边距设置值的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

可运用单边外边距属性为元素单边上的外边距设置装备摆设值。若是您但愿把 p 元素的左外边距配置为 20px。不用应用 margin(需要键入不少 auto),而是可以采用如下方法:

p {margin-left: 20px;}

您可应用下列任何一个属性来只设置相应上的外边距,而不会直接影响一切其他外边距:

  • margin-top

  • margin-right

  • margin-bottom

  • margin-left

一个规则中可以使用多个这种单边属性,譬喻:

h3 {
  margin-top: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 20px;
  }

诚然,对付这种状况,运用 margin 概略更简单一些:

p {margin: 20px 30px 30px 20px;}

岂论使用单边属性仍是应用 margin,得到的究竟都异样。通常来讲,如果企望为多个边设置装备摆设外边距,使用 margin 会更易一些。不外,从文档表示的角度看,理论上运用哪种方式都不须要,所以理应决意对本人来说更易的一种方式。

感谢各位的阅读!关于“css如何使用单边外边距属性为元素单边上的外边距设置值”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

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

css
AI