随笔分类 -  CSS

父元素高度确定的多行文本、图片、块级元素的竖直居中
摘要: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) 推荐(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) 推荐(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) 评论(0) 推荐(3) 编辑
CSS hack——不同浏览器的CSS应对法
摘要:1、IE条件注释法: lte表示“小于等于”,“lt”表示“小于”,“gte”表示“大于等于”,“gt”表示“大于”,“!”表示“不等于”。 2、选择符前缀法:3、样式属性前缀法:“_”只在IE6下生效,“*”在IE6和IE7下生效 阅读全文
posted @ 2013-11-18 17:34 非零 阅读(205) 评论(0) 推荐(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) 推荐(0) 编辑
覆盖一个DIV,让radio、checkbox和select只读
摘要:单选框 复选框 下拉框 ... 阅读全文
posted @ 2013-03-20 17:41 非零 阅读(586) 评论(0) 推荐(0) 编辑


点击右上角即可分享
微信分享提示