首页 > 其他 > 详细

a 的display:block 的作用

时间:2015-04-05 20:16:51      阅读:137      评论:0      收藏:0      [点我收藏+]

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

a 的display:block 的作用

原文:http://www.cnblogs.com/haohonglee/p/4394484.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!