摘要：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... 阅读全文

摘要：display:inline-block是行内的块级元素，它拥有块级元素的特点，可以设置长宽，可以设置margin和padding值，但它却不是独占一行的，它的宽带并不占满父元素，而是和行内元素一样，可以和其他行内元素排在同一行里。它集块级元素和行内元素的特点于一身。 position:absolute和float会隐式地改变display类型，不论之前什么类型的元素（display:none除外），只要设置了position:absolute、float:left或float:right中任意一个，都会让元素以display:inline-block的方式显示。就算我们显示地设置dis... 阅读全文

摘要：块级元素行内元素常见元素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却不会产生边距效果 阅读全文

摘要：1、IE条件注释法： lte表示“小于等于”，“lt”表示“小于”，“gte”表示“大于等于”，“gt”表示“大于”，“!”表示“不等于”。 2、选择符前缀法：3、样式属性前缀法：“_”只在IE6下生效，“*”在IE6和IE7下生效 阅读全文

摘要：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没有... 阅读全文

摘要：经常在实时统计文本框输入多少字的时候，有时会出现不及时统计，特别是在中文输入法下。为了实时准确统计，可以修改代码如下： $(function() { $("#txtTest") .bind("keyup", function () { CountTxt(); }) .bind(... 阅读全文

摘要：jQuery对象转换成DOM对象var #cr = $("#cr"); //jQuery对象var cr = $cf[0]; //DOM对象alert(cr.checked) //检测这个checkbox是否被选中了或者var #cr = $("#cr"); //jQuery对象var cr = $cf.get(0); //DOM对象——通过jQuery本身的get(index)方法alert(cr.checked) //检测这个checkbox是否被选中了DOM对象转换成jQuery对象var cr = document.getElement... 阅读全文