跨浏览器的 inline-block 实现[CSS]
最近在为自己做个新站,想到了些效果,实现时碰到了些小麻烦,比如这个 inline block。所幸大多数问题都解决了,所以写出来分享一下。
我们在制作网页时,有时会希望一个元素既能像 block 一样定义宽度和高度,又可以像普通的 inline 一样不断行。例如下面这张图片中红线标出的地方:
通常我们实现这样的效果会使用这样的代码:
<a href=”#”>&……
最近在为自己做个新站,想到了些效果,实现时碰到了些小麻烦,比如这个 inline block。所幸大多数问题都解决了,所以写出来分享一下。
我们在制作网页时,有时会希望一个元素既能像 block 一样定义宽度和高度,又可以像普通的 inline 一样不断行。例如下面这张图片中红线标出的地方:
通常我们实现这样的效果会使用这样的代码:
<a href=”#”>&……
**Like our articles? Subcribe 'em Now!
**You can easily find all my friends in Links Page.
**Visit CBN Homepage and CBN Forum for details.

**To support this blog, buy some links via Text-Ad-Link, or just contact me directly for more cooperation.
With the help of WP-Turbo, this blog can be boost by Google Gears.
After you install and enable Gears, most of static files (e.g. images, styles) will be stored locally on your computer. This will reduce your loading time significantly.
Note: Due to some security reasons, DO NOT install on a public or a shared computer.
Gears is installed on this computer but is not enabled with this blog.
To enable it, make sure this web site is not on the denied list in Gears Settings under your browser's Tools menu, then click the button below.
Note: Due to some security reasons, DO NOT enable Gears on a public or a shared computer.
Gears is installed and enabled with this blog. You can disable it in your browser's tools menu.
If there are any errors, try disabling Gears, then reload the page and enable it again.
Local storage status: Updating files:
You're now using a browser which is not supported by Google Gears.
Without Gears, WP Turbo cannot work.