display与position float

总计几点自己平常容易忘记的知识点:

常用块级元素:button div p dd dt dl h1-h6 hr li ol table tbody td th tr ul

常用行内元素:a b em i img input label span textarea

注意点:块级元素对应display:block,行内元素对应display:inline,行内元素不能设置width属性与margin-top/margin-bottom,margin-left/margin-right则可以

而display:inline-block既可以设置width,也不会独占一行,遗憾的是ie6和ie7不支持display:inline-block,故要使用css hack,不过也只是针对行内元素设置属性display:inline-block用来触发ie的专用属性has-layout则行,不过在竖直居中还有些问题,还得css hack:*vertical-align:middle

此外,position:absolute和float都会默认修改display为inline-block,而position:relative则不会

posted @ 2012-12-23 21:44  晨风世界  阅读(125)  评论(0编辑  收藏  举报