display:block即是块级元素
display:inline即是内联元素
块状元素默认是占据一行的位置,下一个元素将被迫挤到下一行显示。内联元素则不是,它会使得下一个元素自动贴到自己的有边显示。
内联元素有:
a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, script, select, small, span, strike, strong, sub, sup, textarea, tt, var
basefont, font, s, u
块状元素有:
address, blockquote, div, dl, fieldset, form, h1-h6, hr, noframes, noscript, ol, p, pre, table, ul center, dir, isindex, menu
出于某些设计目的的考虑,可以将某些内联元素作为块状元素显示。例如:将a元素display:block后,将从内联元素变成块状元素,从而可以对这个元素设置margin, padding, border等属性了。
关于内联元素和块级元素,还有一个重要的属性——float浮动属性,详情可以参考:
http://www.cnblogs.com/polk6/archive/2013/07/25/3142187.html
时间: 2024-10-10 09:29:24