1、点击“文件”－“页面设置”，在“页边距”选项卡可以设置整篇文档或其中一页的页边距。
就是文本边框到页边的距离。
2、具体到某段，可通过设置左右缩进来控制具体边距。
光标定位到这一段，点击“格式”－“段落”。在“缩进和间距”选项卡，设置左右缩进。
设置效果如图：
padding 属性可以按照方向分开来写。
<style>
outer {
width:400px;
height:400px;
border: 2px solid #000;
}
inner {
width:200px;
height:200px;
background-color:green;
/padding:40px 80px;运行效果是一样的/
padding-top:40px;
padding-right: 80px;
padding-bottom: 40px;
padding-left: 80px;
}
</style>
<body>
<div class="outer">
<div class="inner"></div>
</div>
</body>
先来一张名气很大的图
看着实在是好晕，于是各种整理后手动画了一个：
发现主要分为几部分：
当定位时，position的移动的距离，
scrollHeight:文档总高度，可滚动总高度（包含元素本身，内外边距，边框）
scrollWidth:文档总宽度，可滚动总宽度（包含元素本身，内外边距，边框）
scrollTop:相对于滚动条顶部的偏移，指滚动条顶端与当前滚动条位置的距离
scrollLeft:相当于滚动与左端的偏移
clientHeight:可视区域高度（不包含边框，滚动条）
clientWidth:可视区域宽度
clientTop:内容区域相对于整个元素的左上角，当有边距时为边距的厚度，无边距时可以为0
clientLeft:内容区域相对于整个区域的左上角，有边距时为边距的宽度，可以为0
offsetHeight:获取自身元素（包含边距，滚动条）
offsetWidth:获取自身元素（包含边距，滚动条）
offsetTop:相对于最近定位祖元素的偏移，（祖元素必须是position,relative,absloute,fixed）
offsetLeft:同offsetTop
返回第一个祖定位元素，若父级元素无定位返回body,若父级元素已经定位返回相对应父级对应元素。
margin塌陷现象：在垂直方向如果有两个元素的外边距有相遇，在浏览器中加载的真正的外边距不是两个间距的加和，而是两个边距中值比较大的，边距小的塌陷到了边距值大的值内部。
1 同级元素塌陷：上面的元素有下边距，下面的元素有上边距，两个边距相遇，真正盒子间距离是较大的那个值。
首先写两个盒子box1，box2并为其设置样式。
效果图如下:
现在对box1设置margin-bottom:20px，对box2设置margin-top：100px;
正常情况下我们会认为两个盒子的间距应该为上下边距相加为120px，但事实并非如此。
由上图清晰可见两个盒子之间的间距为100px，并不是两个盒子上下边距之和，这时我们使用F12打开控制台可见如下图现象：
盒子box1的下边距依然存在，只是不显示了，由此可见边距小的塌陷到了边距值大的值内部，所以间距为box2的边距100px。
2 父子元素塌陷：父子元素之间也会出现margin塌陷，（1）父元素和子元素都设置了同方向的margin-top值，两个属性之间没有其他内容进行隔离，导致两个属性相遇，发生margin塌陷。（2）本身父元素与上一个元素的距离是0，子元素如果设置了垂直方向的上边距，会带着父级元素一起掉下来（父元素的上边距0塌陷到了子元素的上边距50里面）。
效果图如下：
如果我们给box1设置margin-top: 20px，box2设置margin-top: 50px，这时效果如下：
由此可见：父元素和子元素都设置了同方向的margin-top值，两个属性之间没有其他内容进行隔离，导致两个属性相遇，发生margin塌陷。
如果我们只给子元素设置margin-top: 50px，这时效果如下：
由此可见：本身父元素与上一个元素的距离是0，子元素如果设置了垂直方向的上边距，会带着父级元素一起掉下来（父元素的上边距0塌陷到了子元素的上边距50里面）。
解决方法：
（1）同级元素：如果两个元素垂直方向有间距，只需要设置给一个元素，不要进行拆分。
（2）父子元素：让两个边距不要相遇，中间可以使用父元素border或padding将边距分隔开；更加常用的方法，父子盒模型之间的距离就不要用子元素的margin去设置，而是用父元素的padding挤出来。
注：水平方向没有margin塌陷。
1盒子简介：在CSS处理网页时，它认为每个元素都包含在一个不可见的盒子里，那么网页布局就相当于摆放盒子
2盒子模型组成部分：
内容区（content）
内边距（padding）
外框（border）
外边距（margin）
1box的宽高可以用 width和heigh t来设置
注意，width和height只是设置盒子内容区大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定。因此计算 盒子大小=内容区+边框+内边距
2为元素设置边框
要为一个元素设置红边框 必须指定三个样式（缺一不可）
border-width：边框的宽度
border-color：边框的颜色
border-style：边框的样式
使用border-width可以分别指定四个边框的宽度。
如果在border-width制定了四个值，则四个值会分别设置给 上右下左 ，按照顺时针的方向设置的。
如果指定三个值，则三个值会分别设置给 上 左右 下
如果当指定两个值，则两个值会分别设置给 上下 左右
如果当指定一个值，则四边 全都是该值
这个规律同时适用于border-color / style
除了border-width，CSS中还提供了四个 border-xxx-width
xxx的值可能是top right bottom left ， 专门用来设置指定边的宽度 。
和宽度一样，color也提供四个方向的样式，可以分别指定颜色。例如，border-xxx-color
style也可以分别指定4个边的边框样式，规则和width一样，同时它也提供border-xxx-style四个样式，来分别设置四个边。
border 的边框样式简写方式，通过它可以同时设置四个边框的样式，宽度，颜色， 而且没有任何的顺序要求。但是！border一指定就是同时指定四个边不能分别指定。
border-xxx ，例如border-top border-right border-bottom border-left
可以单独设置四个边的样式，规则和border一样，只不过他只对一个边生效。
内边距（padding），指的是盒子的内容区域盒子边框之间的距离。
一共有四个方向的内边距，可以通过：
padding-top
padding-right
padding-left
padding-bottom
来设置四个方向的内边距
内边距会影响盒子的可见框的大小，元素的背景会延伸到内边距。
盒子的大小由内容区、内边距和边框共同决定。
盒子可见框的宽度=border-left-width + padding-left + width + padding-right + border-right-width
可见框的高度=border-top-width + padding-top + height + padding-bottom + border-bottom-width
使用padding可以同时设置四个边框的样式，规则和border-width一致
外边距指的是当前盒子与其他盒子之间的距离，他不会影响可见框的大小，而是会影响到盒子的位置。
盒子有四个方向的外边距：
margin-top
margin-rigtht
margin-bottom
margin-left
由于页面中的元素都是靠左上摆放的，所以注意当我们设置上和左外边距时，会导致盒子自身的位置发生改变。
而如果是设置右和下外边距会改变其他盒子的位置
外边距也可以指定一个负值，如果外边距设置的是负值，则元素会向反方向移动
margin还可以设置为auto，auto一般只设置给水平方向的margin
如果只指定，左外边距或者右外边距的margin为auto则会将外边距设置为最大值
垂直方向外边距如果设置为auto，则外边距默认就是0
如果将left和right同时设置为auto，则会将两侧的外边距设置为相同的值，就可以使元素自动在父元素中居中，所以我们经常将左右外边距设置为auto，以使元素在父元素中水平居中。
同时，外边距同样可以使用简写属性margin，可以同时设置四个方向的外边距，规则和padding一样。
<ul style="position: relative"> <li></li>
<li></li>
<li id="flag"></li>
<li></li>
</ul>
<script>
$(function(){
var flag=$("#flag");
alert(flagposition()top);//距离UI的上边距 50
alert(flagposition()top+flagheight());//得到75，需加上自身高度
});
</script>
可以通过position方法获取。把你的父元素设置position
在word中关于页边距的说法正确的是：设置页边距影响原有的段落缩进，可以设置上、下、左、右页边距，可以使用标尺来调整页边距。
更改或设置页边距 ：在"页面布局"选项卡上的"页面设置"组中，单击"页边距"。 单击所需的页边距类型。 若要获取最常用的页边距宽度，请单击"常规"。 可以指定自己的自定义页边距设置。 单击"页边距">"自定义边距"，然后在"上"、"下"、"左"和"右"框中输入新的页边距值。
word页边距怎么设置：第一步：打开一个需要设置页边距的word文档。第二步：选择菜单栏“页面布局”中的“页边距”。第三步：在“页边距”下拉菜单中，有设置好的，我们可以直接选。第四步：我们这里自己来设置页边距，单击选择“自定义边距”。
第五步：如下图所示，d出“页面设置”对话框。第六步：根据自己的需要在页边距设置框中，输入要设置的值，并单击“确定”按钮即可。word文档中页边距设置后的效果，如下图所示。
以上就是关于word一页文档中，每段文字的具体边距（厘米）怎样设置全部的内容，包括:word一页文档中，每段文字的具体边距（厘米）怎样设置、火狐浏览器，用jQuery如何获取到margin:0 auto的外边距值、jsz中scrollTop,clientTop,offsetTop等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）