margin-left是什么意思-木庄网络博客

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

margin属性是用于设置元素的外边距，所以margin-left 属性就是用于设置元素的左外边距。下面我们就来看看margin-left的详细内容。

margin-left属性和margin属性一样所有的主流浏览器都支持这个属性（相关推荐：CSS手册）

margin-left属性的属性值可以使用负值，下面我们来看margin-left有哪些可用的值

auto：浏览器设置的左外边距。

length：定义固定的左外边距。默认值是0。

%：定义基于父对象总高度的百分比左外边距。

inherit：规定应该从父元素继承左外边距。

语法为

1	`margin-left：` `auto\|length`

下面我们来看一个具体的例子

用margin-left设置左外边距

<html>
<head>
<style type="text/css">
p.leftmargin {margin-left: 2cm}
</style>
</head>
 
<body>
<p>这段文字没有指定外边距。</p>
<p class="leftmargin">这段文字有左外边距。</p>
</body>
 
</html>

效果如下

从图上我们可以明显看到设置了margin-left属性的文字离左边有了边距。

以上就是margin-left是什么意思的详细内容，更多文章请关注木庄网络博客！

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

￥83.86元 人民邮电出版社

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

转载请注明出处：木庄网络博客 » margin-left是什么意思

相关推荐

评论