一般情况，我会用padding（如上）或者用position+transform+margin使文字竖直排放看起来居中，但是这样不够智能或显得比较冗余。

一般地，居中绝对定位元素，left:50%;top:50%;再margin负值或者通过transform也可达到效果。今天发现另一个技巧，利用，top,left,right,bottom取值0，再magin:auto,即可实现居中。原因：

今天写代码时遇到当设置inline-block的元素有内容时总有部分掉下去的感觉。 代码： {代码...} {代码...} like this: 原因： 对于inline-block元素，如果里面没有inline内联元素，或者overflow不是visible，那么这个元素的基线baseline就是其margin底边缘，否则，它的baseline就是元素包含的内容中最后一行内联元素的基线...

关于水平导航已然是老生常谈之问题，看了网上诸多方法，今天小小的总结对比了一下现有方法的优缺点。 问题：一个最简单的html结构如下，请实现水平导航。 {代码...} 基础样式： {代码...} 方法一：float {代码...} 优点：兼容性好，所有浏览器版本都能很好的支持； 缺点：需清除浮动避免带来的影响 方法二：display:inli...