IE7 下float left right 混用会导致元素换行的问题
摘要:众所周知的IE7是个前端的坑,这次又遇到了一个和float相关的,比较偏门的问题。简单的说,就是一行内需要一个float:left的元素和一个float:right的元素,中间写上没有被任何html标志包裹的文本。效果如下(IE8-10, Chrome, FireFox):然后在IE7下,则很不客气的变成这这幅模样:其实,这是因为文字上没有float属性而把right挤下去了。解决办法有2个,一是用span或者div或者随便什么把文字包裹起来加上float属性,就可以了。二是把float:right的模块在html里写在text前面。
阅读全文
[Chrome] ready事件中不会自动计算<img> 高度的问题
摘要:今天下午做一个网页的样板的时候,偶然发现的一个存在于Chrome中的小问题。如果一个<img>标签的高度是自动的(height:auto),那么在Chrome中,是无法在window.onload事件执行之前获取到它的高度的。这句话说得有点绕。实际情况是,我希望能在图片被加载之后,立刻获得它自动的高度,然后无论是将JS语句写在HTML代码的末端,或者使用jQuery提供的ready事件,都无法获取到这个高度。解决方法后来在stackOverflow里面找到了,如前文所讲,把获取高度的代码写入window.onload事件中就可以了。当然,另外一种解法更加简单,就是给<img&
阅读全文