1.记住对行内元素
设置宽度width 无效。
设置高度height 无效,可以通过line-height来设置。
设置margin 只有左右margin有效,上下无效。
设置padding 只有左右padding有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容是没影响。
2.对于块级元素(display:block)
未浮动的垂直相邻元素的上边界和下边界会被压缩,例如:有上下2个元素,上元素的下边界为5px,下面元素的上边界为20px,则实际2个元素的间距为20px(2个边界值中较大的值)。
本文介绍了CSS中行内元素和块级元素的重要布局特性。对于行内元素,设置宽度和高度无效,仅可通过line-height调整;margin和padding仅左右有效。块级元素在未浮动时,相邻元素的边界会发生折叠。这些特性对于网页布局设计至关重要。

被折叠的 条评论
为什么被折叠?



