iHao Press

sed /sshd/p -n /var/log/auth.log > /log/sshd.log » 21 days ago

这几天一直在翻看blueidea论坛的WEB标准化专栏，看到很多一直被自己忽视，或者不太理解的点。记录一下：（版权说明：以下文字大部份出自blueidea论坛）

被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序: L-V-H-A。

ff下父容器的高度不能自适应的解决：在父容器内的最后加一个clear:both属性的div，清除掉子容器的浮动。

IE6的双倍边距BUG的解决：给浮动的块加个display:inline属性。

IE6下图片下方有空隙产生：给img增加个display:block或者vertical-align:top | bottom |middle |text-bottom属性，也可给img的父容器加个font-size:0的属性。

IE6下两个层中间有间隙(3px bug)：给右边的DIV加个float:left的属性，或者用hack的方法直接给ie6下的左边DIV定义margin-right:-3px。

list-style-image无法准确定位(也就是li这样的列表经常要用到前缀图标，但和文字老是难以水平对齐)：将li里面的a用相对定位，如加个position:relative;top:-5px属性。

垂直居中文本：给容器设置一个与其高度相同的行高。

对齐文本与文本输入筐：对输入框加个vertical-align:middle的属性。

FF下文本无法撑开容器的高度：加属性：height:auto!important; height:200px; (for ie6) min-height:200px; (for firefox)。

RSS feed for comments on this post. TrackBack URL

2 Comments » Leave a comment

1. Comment by Neelie — 09/28/2007 @ 1:21 pm

   很实用的一些 tips, 收下了, 谢谢.

2. Comment by !CnSoLoer — 05/08/2008 @ 11:50 pm

   关于li列表在IE和FF里面的显示不一致的问题，曾困扰了好一阵子。

   还有IE下DIV标签的行间距问题

Leave a comment