网页制作中padding与margin的使用详解
发布时间:2019-04-01来源:admin
网页制作过程中,通长要使用到padding和margin对元素进行精确定位。那么实际的网页制作中什么时候使用padding?什么时候使用margin了?
padding在css中指的是内边距,是设了padding的元素与子元素的距离。而margin是两个同级标签的距离,两个同级标签之间都设有margin的话,那么两个元素之间的距离是margin最大的值,而不是两者之间margin相加的值。那么网页制作中什么时候使用padding?什么时候使用margin了?
1.块级元素的水平居中
要使块级元素水平居中,那么使用margin:0 auto;就是一个很好的办法,使用这个属性可以使当前块级元素处在父级块级元素的水平正中,不管父级块级元素宽度怎么改变,都是在中央的。
2.在有文字的li标签中左边使用矢量图形,避免文字与图形重合
我们经常会看到新闻列表每一列的前方都有一个箭头,为了使文字和图形分开就需要使用padding了。如果图片在文字的左边,那么就需要将li的左边距设的大一点,将文字向右方挤一挤。
以上是margin和padding在特定情况下的一个应用举例,具体应用就要具体对待了。而在平常情况下,选择使用margin或者是padding对结果都不会有什么影响,但是这里推荐能使用padding的情况下尽量的别使用margin.
联系方式:18066528545 029-89298792