...]]>Web2.0学习专栏http://www.whitehouse.net.cn/blog/article/339.html#commenthttp://www.whitehouse.net.cn/blog/http://www.whitehouse.net.cn/blog/feed.asp?cmt=339http://www.whitehouse.net.cn/blog/cmd.asp?act=tb&id=339&key=d7933ef6tianyazjq@163.com (Peter)http://www.whitehouse.net.cn/blog/article/334.htmlSun, 18 Jul 2010 16:29:17 +0800http://www.whitehouse.net.cn/blog/article/334.html使用纯CSS实现未知尺寸的图片水平和垂直居中
 
看到淘宝UED的一个招聘题,"使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在 200px的正方形容器中水平和垂直居中。"

偶的分析,大多都知道实现已知高度图片垂直居中和水平是很容易的,给容器padding-top值为容器高度值的一半,再对图片高度给个 margin-top:-该图片高度值的一半.就垂直居中了.水平居中只要text-align:center;就ok了.应该是这样的吧...
...
]]>Web2.0学习专栏http://www.whitehouse.net.cn/blog/article/334.html#commenthttp://www.whitehouse.net.cn/blog/http://www.whitehouse.net.cn/blog/feed.asp?cmt=334http://www.whitehouse.net.cn/blog/cmd.asp?act=tb&id=334&key=5adfddc5tianyazjq@163.com (Peter)http://www.whitehouse.net.cn/blog/article/333.htmlTue, 13 Jul 2010 00:05:15 +0800http://www.whitehouse.net.cn/blog/article/333.html
什么是hasLayout 
？hasLayout是IE特有的一个属性。很多的ie下的 css  bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的 hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内 容，而不是依赖于祖先元素来完成这些工作。  
...
]]>Web2.0学习专栏http://www.whitehouse.net.cn/blog/article/333.html#commenthttp://www.whitehouse.net.cn/blog/http://www.whitehouse.net.cn/blog/feed.asp?cmt=333http://www.whitehouse.net.cn/blog/cmd.asp?act=tb&id=333&key=6df23591tianyazjq@163.com (Peter)http://www.whitehouse.net.cn/blog/article/330.htmlThu, 17 Jun 2010 16:20:36 +0800http://www.whitehouse.net.cn/blog/article/330.html最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：
...]]>Web2.0学习专栏http://www.whitehouse.net.cn/blog/article/330.html#commenthttp://www.whitehouse.net.cn/blog/http://www.whitehouse.net.cn/blog/feed.asp?cmt=330http://www.whitehouse.net.cn/blog/cmd.asp?act=tb&id=330&key=59fdfb2d