.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;

/*设置水平居中*/
text-align:center;

/* 针对IE的Hack */
*display: block;
*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

width:200px;
height:200px;
border: 1px solid #eee;
}
.box img {
/*设置图片垂直居中*/
vertical-align:middle;
}

公司B2C网站中遇到这样的商品展示列表：

看了会认为有几个需要改进的地方：

1. 产品展示图片不够突出
2. 商品名称不够突出
3. “购买”点击按钮放置不太合理

针对于此，我做出了相应的细节调整：

1. 文字部分整体下移，“立即节省”字样的促销图标改小，避免喧宾夺主
2. 商品名称居中
3. “购买”按钮调整至右下角，更加符合用户使用习惯(人们常常是看完了所有内容才会去点击按钮的)

老大曾提建议将“市场价￥245.00 ”和“讯客价￥195.00”字样并列水平放置，这样的对比效果将大打折扣，所以我没有采纳。以下是我改进后的方案。

如果你看了认为有更好的建议或者觉得我的做法有什么不妥，非常欢迎你能联系我说出你的想法。

Tags: 工作, 细节

网络上流行N多版本的选项卡标签菜单，我看的眼花缭乱。可惜其中很大一部分不符合WEB标准，在不同浏览器中表现出不同的样式，甚至错位；又有一部分虽然符合标准，但不利于同页面中多次调用；还有就是代码繁琐。考虑到这些因素，我搜索修改出了自己最爱的一款，在今后的工作中应该可以用的到。

见链接：简洁选项卡标签菜单

Tags: 选项卡

记得N年前自己在用WinRAR的“压缩方式”这项功能时，就比较费解。功能菜单上我认为是不太合理的。

在选择文件右键点击-"添加到压缩文件(A)..."后，跳出压缩文件名和参数的选项对话框。左下角的"压缩方式"菜单中有：储存、最快、较快、标准、较好、最好这6个选项。

我想：其中“最快”、“较快”指的是压缩速度，而“较好”、“最好”应该是指压缩质量吧。将不同类别的属性并列放在一起让用户进行选择，是不是不太妥？虽然说“最快”的压缩速度往往得到是的“最差”的压缩质量，但这样的潜在映射关系，用户去分析又要多费一番周折，况且还要“标准”和“存储”这样模棱两可的选项在其中干扰，这样在使用这项功能时出错的概率就大大增加了，给用户带来了诸多不便。

关于“压缩方式”，这样的菜单注重的是过程，无可厚非。但就我个人感觉，使用者更想看到的是符合自己预期的结果。如果在选项中有对使用该种方式预测估计的结果显示，那应该很爽。当然，这样的代价是成本增加了。

相对而言，细化分类的方法更加可取。只需在布局上调整之：压缩方式（速度）-“最快”、“较快”、“快”；压缩方式（质量）-“最好”、“较好”、“好”。

无论怎么样，目的只有一个：让用户不费解。

Tags: WinRAR, 菜单