产生这个问题的原因是前一段时间面试的时候，面试官问我margin和padding在内联元素上的使用效果，好像没怎么答上来。这两天正好有空写几个demo看看这个问题，发现了几个坑。 先上demo： 样式表 <style type="text/css"> ...

HTML 里的元素分为替换元素（replaced element）和非替换元素（non-replaced element）。- 替换元素是指用作为其他内容占位符的一个元素。最典型的就是img，它只是指 ...

曾经学过的教程中写明：行内元素的特点有： 1、与其他元素在同一行 2、宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)不可设置 ...

var bordT = $('img').outerWidth() - $('img').innerWidth(); var paddT = $('img').innerWidth() - $('i ...

<div class="img_box"> src="http://sms-shop.oss-cnbeijing.aliyuncs.com/${item.ba ...

在css里面，padding-top,padding-bottom,margin-top,margin-bottom取值为百分比的时候，参照的是父元素的宽度。 比如：父元素宽度是100px, 子元素padding-top:50%，那么padding-top的实际值就是100*50%=50px ...

之前同事说padding-bottom 可以实现等比缩放响应式图片，当时忙，没有好好看…… 今天特意思考了下，实现的css代码如下： 实现的html代码如下： 我理解实现方法解释如下： ...

$("#Survey_description").css("marginTop")； $("#Survey_description").css("paddingTop") ...