a 的display:block 的作用

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

转载于:https://www.cnblogs.com/haohonglee/p/4394484.html