行内元素4个重要特性详解.pptVIP

行内元素 4个重要特性 详解 1.1 行内元素和width 1.2 行内元素和height 1.3 行内元素和padding 1.4 行内元素和marging 行内元素和width W3C CSS2 标准规定行内元素不会应用width属性。 以下例子中，对行内元素a应用了width:200px,你可以看到，根本就没有什么效果。 行内元素和height W3C CSS2 标准规定行内元素不会应用height属性，但是盒子高度可以通过line-height来指定。 以下例子，对行内元素a应用了height:50px,你可以看到什么效果都没。 行内元素和padding 你可以给行内元素设置padding，但只有padding-left和padding-right生效。 以下例子，行内元素a应用了padding:50px。你可以看到对左右的内容有影响，但是对上下没影响。 行内元素和marging margin属性也是和padding属性一样，对行内元素左右有效，上下无效。 下面的例子,对a应用了margin:50px，你可以看到左右边缘是生效了但是内容上下却没有。 ?记住对行内元素： 设置宽度width?? 无效。 设置高度height? 无效，可以通过line-height来设置。 设置margin 只有左右margin有效，上下无