设为首页收藏本站

红色代码编程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 1783|回复: 5

图片列表水平垂直居中下面还可以带水平居中的文字

[复制链接]
发表于 2012-12-28 18:43 | 显示全部楼层 |阅读模式
关于图片的水平垂直居中,似乎一直在讨论,网上找了N多资料,尝试了N次,却始终无法实现自己想要的下面这种效果:


1、必须是图片列表,也就是相当于li并排的几个图片,然后有多行这样的图片
2、图片必须垂直水平居中。
3、图片所在的元素必须要有个边框。
4、图片所在的元素的边框下面要有文字,并且文字居中。

现在,终于发现了居中的方法,赶紧记录下来,以免以后忘记。
目前测试兼容IE6-8(9和10没测试,希望有人测试下给个结论谢谢。) FF,opera,safari,chrome,百度浏览器,360安全浏览器,360极速浏览器,搜狗伪IE7内核的浏览器,世界之窗3。其余浏览器没测试。


提示:您可以先修改部分代码再运行

评分

参与人数 1威望 +1 收起 理由
PK发型不乱 + 1 很给力!

查看全部评分

本帖被以下淘专辑推荐:

发表于 2012-12-29 02:25 来自手机 | 显示全部楼层
能实现倒是能实现,不过貌似有 不合理?dt的宽度大于dl?
不过终于有个比较好用的方法 了。多谢老大。
发表于 2013-3-18 15:34 | 显示全部楼层
图片列表水平垂直居中下面还可以带水平居中的文字
发表于 2013-3-23 14:41 | 显示全部楼层
虽然看不懂,但是看起来很牛b的样子。
发表于 2013-3-31 22:46 | 显示全部楼层
好好好东西啊。
发表于 2017-3-18 00:04 | 显示全部楼层
效果不错。收藏

积分兑换实物排行

您需要登录后才可以回帖 登录 | 注册 用百度帐号登录

本版积分规则

QQ|申请友链|小黑屋|手机版|Archiver|红色代码编程论坛 ( 鲁ICP备11027229号  

GMT+8, 2018-6-22 18:59 , Processed in 0.203125 second(s), 37 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表