换肤

眼前一亮的Vim技巧

Vim 也用了有一段时间了,每次在网上碰到一个有用的技巧就像捡到宝贝了一样,所以在某个时候开始进行了记录。下面一些技巧是我觉得比较有用的:

1. 编辑在缓存中的两个文件快速切换命令

比如在同一个窗口中先后打开了 file1.txt 和 file2.txt ,这时候使用 Ctrl+^ 可以在同一窗口中来回切换这两个文件。

2. v 或者 V 之后按 o

选中一段文字或几行内容,按 o 可以在选中文本的两端进行跳转,非常有用。

Continue reading

用Stylebot自定义网页

Stylebot是一款Chrome的扩展,作用是可自定义任何网页。比如看哪个页面不爽,就可以自行修改。

安装后的提示:

Continue reading

IE6, 7无法设置表格行高

以前重来都不会使用table去布局,使我陷入了CSS布局的一个误区-只要不是table布局,只要是通过CSS布局的,就是对的,就是符合Web标准的(from 《Web前端开发修炼之道》p26)。我想该停止这条不归路了,所以在最近的项目开发中,在合适的位置都使用了table来布局,用过几次之后感觉嘿还真不错。不过今天在IE6,7下遇到了一个大麻烦,问题描述如下:

一个两行两列的表格,整个表格高度和宽度都固定了,给第一行tr设定了一个高度后在Firefox,chrome,IE8都正常,但是在IE6,7下死活都无效。

代码如下: Continue reading

div中包含img时底部出现空隙

这个问题遇到了好几次,有如下代码:

<div style="background: #000;">
     <img src="https://www.google.com/images/logos/ssl_logo_lg.gif" alt="google logo" />   
</div>

效果图如下:

疑似原因(via):

图片文字等inline元素默认是和父级元素的baseline对齐的,而baseline又和父级底边有一定距离(这个距离和 font-size,font-family 相关,不一定是 5px),所以设置 vertical-align:top/bottom/text-top/text-bottom 都可以避免这种情况出现。

XnView以实际大小查看

以前一直使用IrfanView来看图,最近看设计图需求增大,每次用IrfanView打开都要按下Ctrl+h来以实际大小查看,这严重影响到了看图的情绪,然后查看设置后并没有找到相应的选项,所以放弃IrfanView转用XnView了。

XnView的设置也是比较复杂的,不过马上我就找到了相应的选项,点击『工具』-『选项』,左边选择『查看』,将『自动调整图像大小』改成『实际大小』即可。

看图不说话