acm765152844的博客

1、文档类型声明 没有写声明时，会促发ie的怪异解析 2、内外边距 使用reset.css对样式进行清除 3、横向双倍margin IE6中设置元素浮动后，会出现横向双倍margin值 添加display:inline; 4、当文字高度超过盒模型的时候，会影响布局 设置overflow：hidden  或者设置文字行高小于盒模型 5、img外部边框 当img外部有a标签的时

问题：样式为上面图中居中，但是当table的display：”none“之后再设置”block“，就会出现下图中的情况。 原因：使用了tbody的 隐藏方式 style="display: none" 谷歌内核在处理display: none 变成display: block的过程中 只是把一个tr中的所有td 挤到对应的第一个td中 后面的空间不会解析 解决办法： 控制

1、img标签在谷歌中会有默认边框 解决方法：不使用img标签，用其他标签+background:url()来替代 2、select option 下拉框中，text-align不能实现居中 解决办法： transform: translateX(50%);然后沿X轴移动父元素的50% width: 50%;  让整个的宽度为50%； 其他谷歌中的居中实

聚焦a标签时，会出现一个虚线框。 这个框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。 解决办法： 1、添加outline:none 但是对ie6,ie7无效 2、在a标签里加入js控制，当a标签聚焦时，取消焦点。 a href="#" onfocus="this.blur();">测试 3、在css中加入 4、a标签中加入hid

1、inline元素(比如span,em等)的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 如果是内联元素使用了inline-block，那所有的浏览器显示都是正常的。（ie6、ie7中对内联元素使用display:inline-block，IE是不识别的，但使

（1）visibility  属性： collapse: 当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。 如果此值被用在其他的元素上，display: none相同。 hidden:相当于display: none，但仍然占用页面空间。 visible:默认值。元素是可见的。 （2）display