父元素高度确定的多行文本、图片、块级元素的竖直居中
摘要:CSS中有一个竖直居中的属性 vertical-align,但只有当父元素为td或者th时,这个vertical-align属性才会生效,对于其他块级元素,例如div、p等,默认情况下是不支持vertical-align属性的。 在Firefox和IE 8下,可以设置块级元素display类型为table-cell,激活vertical-align属性,但是IE 6 和 IE 7 并不支持display:table-cell。但可以通过特定格式的hack,使之支持。 he...
阅读全文
posted @
2013-11-20 17:33
非零
阅读(316)
推荐(0) 编辑
CSS中的display属性
摘要:display:inline-block是行内的块级元素,它拥有块级元素的特点,可以设置长宽,可以设置margin和padding值,但它却不是独占一行的,它的宽带并不占满父元素,而是和行内元素一样,可以和其他行内元素排在同一行里。它集块级元素和行内元素的特点于一身。 position:absolute和float会隐式地改变display类型,不论之前什么类型的元素(display:none除外),只要设置了position:absolute、float:left或float:right中任意一个,都会让元素以display:inline-block的方式显示。就算我们显示地设置dis...
阅读全文
posted @
2013-11-20 16:16
非零
阅读(2601)
推荐(0) 编辑
块级元素和行内元素的区别
摘要:块级元素行内元素常见元素div、p、form、ul、ol、lispan、strong、em特性独占一行,默认情况下,其宽度自动填满其父元素宽度不会独占一行,相邻行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化width、height属性可以设置,设置了宽度还是独占一行无效margin和padding属性可以设置水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果,但竖直方向的padding-top、padding-bottom、margin-top、margin-bottom却不会产生边距效果
阅读全文
posted @
2013-11-20 09:54
非零
阅读(4617)
推荐(3) 编辑
CSS hack——不同浏览器的CSS应对法
摘要:1、IE条件注释法: lte表示“小于等于”,“lt”表示“小于”,“gte”表示“大于等于”,“gt”表示“大于”,“!”表示“不等于”。 2、选择符前缀法:3、样式属性前缀法:“_”只在IE6下生效,“*”在IE6和IE7下生效
阅读全文
posted @
2013-11-18 17:34
非零
阅读(205)
推荐(0) 编辑
IE6对CSS支持Bug收集
摘要:1、IE6双外边距 在IE6下,如果对元素设置了浮动,同时又设置了margin-left或者margin-right,margin值会加倍。 例如,设置margin-left:10px在IE6下会显示为margin-left:20px。 解决这个Bug的办法就是设置display:inline。2、有时候border会断开,刷新页面或者滚动滚动条的时候,断掉的部分又会连接起来 这与IE下的一个神秘的属性相关——hasLayout。hasLayout是IE浏览器专有的一个属性,用于CSS的解析引擎。有时候在IE下一些复杂的CSS设置解析起来会出现Bug,其原因可能与hasLayout没有...
阅读全文
posted @
2013-11-15 17:02
非零
阅读(164)
推荐(0) 编辑