margin和padding的区别，margin和border区别

大家好，今天来为大家解答margin和padding的区别这个问题的一些问题点，包括margin和border区别也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~

可以设置，不过margin、padding对内联元素不起作用而已。也就是说，设了等于白设。而select是内联元素

一、block元素的特点

1、处于常规流中时，如果width没有设置，会自动填充满父容器

2、可以设置height/width及margin/padding

3、处于常规流中时，布局在前后元素位置之间（独占一个水平空间）

4、忽略vertical-align

二、inline元素特点

1、水平方向上根据direction依次布局

2、不会在元素前后进行换行

3、受white-space控制

4、margin/padding在垂直方向上无效，在水平方向上有效

5、width/height对非替换行内元素无效，宽度由元素内容决定；

6、非替换行内元素的行框高由line-height确定，替换行内元素的行框高由height,margin,padding,border决定

7、浮动或绝对定位时会转换成block

8、vertical-align生效

三、补充

替换元素

替换元素是浏览器根据其标签元素与属性来判断显示具体的内容。

比如：<inputtype="text"/>，type="text"表明这是一个文本输入框，换成其他的时候，浏览器显示就不一样，<img>、<input>、<textarea>、<select>、<object>都是替换元素，这些元素都没有实际的内容。

非替换元素

(X)HTML的大多数元素是不可替换元素，他们将内容直接告诉浏览器，将其显示出来。

比如：<p>wanmei.com</p>

浏览器将把这段内容直接显示出来。

盒子模型的这两个属性有根本性区别，比如设一个div的padding属性，它的子标签元素会相应移动。而设置它的margin属性，这个div整个标签会依据兄弟元素或父元素移动。

这两个功能是没冲突的，各有各的独立作用。

这个大标题和页眉的距离可以根据具体的排版要求进行设置。一般来说，标题与页眉之间的距离应该足够大，以便让文档看起来更加清晰整洁。一般来说，建议将标题与页眉之间的距离设置为两个行距的距离，这样比较合适。具体设置方法如下：

打开文档，单击鼠标右键选择“页眉和页脚”选项。

在页眉中插入标题，并调整标题与页眉之间的距离。具体方法是将光标移动到标题和页眉之间的位置，按下Enter键增加多余的空行，或者在段落格式中设置段前距或段后距。

完成设置后，

关于margin和padding的区别的内容到此结束，希望对大家有所帮助。