码迷,mamicode.com
首页 > 其他好文 > 详细

a 的display:block 的作用

时间:2015-04-05 20:19:45      阅读:138      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!