评论：图片垂直居中的使用技巧

来自：成阳

成阳 — Thu, 14 Jan 2010 11:51:26 +0000

在IE6下貌似不是完全的居中

来自：用display:inline-block做产品列表 « 99css

用display:inline-block做产品列表 « 99css — Sat, 19 Dec 2009 11:05:15 +0000

[...] 如果li中只有img，vertical-align:middle可以实现未知高度图片列表垂直居中，比如Picasa图片列表的效果（单个图片垂直居中情看怿飞的《图片垂直居中的使用技巧》，不过个人认为这个通常只会出现在面试题中:P） [...]

来自：图片垂直水平居中方法的改进 - 漫步中的Tcer…

图片垂直水平居中方法的改进 - 漫步中的Tcer… — Sun, 29 Nov 2009 07:27:50 +0000

[...] 此方法是在圆心提供的方法之上进行的改进(修复了一个IE6,7下的bug)… [...]

来自：摇滚肉包子

摇滚肉包子 — Tue, 24 Nov 2009 08:31:42 +0000

感觉这样的做法，还是有待商榷。不确定的因素太多了。或许考虑js处理是个更好的方法，复杂的hack总是难以读懂，并且可能带来潜在的不确定性。

来自：找工作中

找工作中 — Sat, 10 Oct 2009 08:05:02 +0000

也许你这个方法能解决你们要解决的居中问题，不过你说结构干净，个人认为：

比你上面的要干净多了。当然如果您要说其他占有率百分之零点几的浏览器不支持position这个属性的话…哈哈纯属个人意见哈，请指教！

来自：textbox

textbox — Mon, 10 Aug 2009 06:51:30 +0000

这个方法很不错,但我在实施过程中碰到一个非常不爽的问题就是,FF下一旦图片的宽高超过盒子设置的大小,外面的盒子就自动变大了.晕死……

来自：sw

sw — Thu, 16 Jul 2009 03:52:48 +0000

FF下浮动box失效～···

来自：Marshane's blog » 图片垂直居中的使用技巧

Marshane's blog » 图片垂直居中的使用技巧 — Wed, 01 Jul 2009 04:45:22 +0000

[...] 本文来自怿飞分类: html/css 标签: html/css 评论 (0) Trackbacks (0) 发表评论 Trackback [...]

来自：colinivy

colinivy — Mon, 11 May 2009 02:40:48 +0000

用不同字体测试了下，真的与字体有关系

Verdana字体，字体大小/高度约为82.4%
Times New Roman 字体，字体大小/高度约为90%

来自：Mask

Mask — Wed, 06 May 2009 09:41:34 +0000

这个做法确实在结构上很简洁！！不过麻烦的就是高度变了css就得变，不过也不错了~

来自：PerfectWorks

PerfectWorks — Sat, 02 May 2009 06:19:02 +0000

用background属性实现任意图片垂直居中显示…

本文方法使用了W3C不推荐的style属性，标准狂人请绕道。
为什么要垂直居中
这两天在帮同学做一个在线相册程序，类似于Picasaweb，做到图片居中显示这里做不下去了，example 1.html。不能垂直居…

来自：股吧

股吧 — Sun, 19 Apr 2009 16:40:29 +0000

再次学习了！收藏

来自：CSS置中問題的解決 « 網路人‧觀察與學習

CSS置中問題的解決 « 網路人‧觀察與學習 — Thu, 02 Apr 2009 05:54:22 +0000

[...] 因此衍生下列解決方案,根據google的爬文,關於圖片的垂直居中方式,在中國大陸有個不錯的思路可以藉鑑. [...]

来自：yoyo

yoyo — Wed, 18 Mar 2009 07:02:56 +0000

学习了啊，呵呵呵~希望有机会可以多交流。

来自：longbill

longbill — Wed, 11 Feb 2009 08:25:52 +0000

哈哈，收藏了。我以前用的方法是把图片做成div的background-image，来实现居中的。

来自：Srandy

Srandy — Tue, 30 Dec 2008 09:30:28 +0000

爬出来说，今天发现IE7下可以用外容器等高的line-height实现居中～

来自：标准浏览器实现图片垂直居中的另一方法 | <Design/>

标准浏览器实现图片垂直居中的另一方法 | <Design/> — Fri, 07 Nov 2008 06:26:08 +0000

[...] 后，在主流浏览器上都可以实现居中。再加上对IE 6 hack之后就可以实现兼容主流浏览器了。 [...]

来自：Lyuba

Lyuba — Thu, 06 Nov 2008 03:54:54 +0000

Blin … really beautifully written! All this is so familiar … and truthfully!

来自：CSS图片垂直居中 — 企鹅

CSS图片垂直居中 — 企鹅 — Tue, 28 Oct 2008 01:25:12 +0000

[...] 该文转自http://www.planabc.net/2008/05/26/img_vertical_center_solution/ 在曾经的淘宝UED 招聘中有这样一道题目： “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” [...]

来自：lhnlj2

lhnlj2 — Mon, 25 Aug 2008 07:21:57 +0000

不错的教程，以前还天天在找这些东西。。今天更加理解了。