打印

[教程] [推荐] CSS图片垂直居中方法整理集合！(常见问题解答)

xkang

银牌会员

帖子: 787
体力: 1187
威望: 1
当前: 上海普陀

专长 网页设计,前端制作,策划

31^# 大中小发表于 2007-9-11 10:30

不错，收藏了先

因为专业，所以选择..技术群：11162579

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

sdw65063251

完全米撒了米

高级会员

帖子: 428
体力: 608
威望: 0
当前: 北京海淀区

专长 前端制作,JS

32^# 大中小发表于 2007-9-20 18:02

对无知的人，不需要太多的解释，

都说了不知道图片的尺寸，如果你只考虑你自己，当然不用看着篇文章，但是要合作，从后台插入图片你就知道了，那些JJWW的人，就是啥也不会，啥也不懂，就知道装

一边撒谎，一边陶醉

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

anlu2005

新手上路

帖子: 16
体力: 37
威望: 0
当前: 浙江绍兴
离线: 259 天

33^# 大中小发表于 2007-10-9 20:41

回复 #1 snwebsite 的帖子

有这么多种啊，学习了。
谢谢了啊！

TOP

请大家尊重和保护奥运知识产权。

qsl117

初级会员

帖子: 58
体力: 126
威望: 0
当前: 北京朝阳区

专长 网页设计,前端制作

34^# 大中小发表于 2007-10-12 14:50

终于知道怎么做啦,谢谢LZ

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

aquarior

中级会员

帖子: 124
体力: 242
威望: 0
离线: 65 天

35^# 大中小发表于 2007-10-23 14:27

其实这只是一个考试题目而已
很多人觉得用块对象布局来处理这种事情非常麻烦，其实还是用了表格布局的思考方式来处理块对象的布局

在用DIV布局的时候一般会根据具体情况用其他方式替代这种表格布局常见方式的。

我要这天，再遮不住我眼，要这地，再埋不了我心，要这众生，都明白我意，要那诸佛，都烟消云散！

TOP

nower

新手上路

帖子: 76
体力: 16
威望: 0
离线: 1 天

36^# 大中小发表于 2007-11-19 15:59

这些东西也就是做做演示的demo
加上完整的首部声明、<html>、<body>、<head>等结构标签，没能兼容的，派不上实际用场

TOP

ling3492

蓝蓝的天空

高级会员

帖子: 476
体力: 571
威望: 0
当前: 湖南长沙

37^# 大中小发表于 2007-12-2 15:30

不错啊，我也总是遇到这种问题，一次把它全部解决，以后就不要这么麻烦了，呵呵

TOP

ycsy520

初级会员

帖子: 98
体力: 199
威望: 0
当前: 广东深圳
离线: 46 天

38^# 大中小发表于 2007-12-12 17:05

用那么多css来实现一个图片垂直居中问题,有点....
还不如div里面插一个表格来的方便,也没那么多多兼容不兼容的问题,代码也很少.

不写拉倒~

TOP

liyi520

新手上路

帖子: 12
体力: 25
威望: 0
离线: 266 天

39^# 大中小发表于 2007-12-12 18:31

同意二楼说法，代码应以易用性为主

技术无限

TOP

mycggo

银牌会员

帖子: 746
体力: 1142
威望: 0
当前: 上海浦东

专长 网页设计,前端制作,UE

40^# 大中小发表于 2007-12-17 11:38

遇见这种情况我就用表格

不断充实自己...

TOP

xiaomics

初级会员

帖子: 85
体力: 178
威望: 0
当前: 广东深圳

41^# 大中小发表于 2008-2-19 09:55

楼主。要不要搞这么复杂啊！！！！！！！教最简单的方法就好了。。。。

不过，还是要说声楼主辛苦了~~~~

谢谢。。。

TOP

zbm2001z

宝儿

荣誉管理团队

帖子: 1505
体力: 3896
威望: 41
当前: 北京昌平区

专长 网页设计,Flash,JS

42^# 大中小发表于 2008-2-20 19:07

第三种“利用字体大小方法”存在问题：

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

我家宝儿：http://blog.sina.com.cn/u/1258716075

TOP

wqyz

区区

中级会员

帖子: 115
体力: 237
威望: 0
当前: 浙江杭州
离线: 11 天

43^# 大中小发表于 2008-2-21 08:38

收益非浅`````````

引用:

原帖由 reda 于 2006-8-15 14:49 发表
蓝色早解决此问题了
CSS解决未知高度垂直居中

相关的垂直居中问题可看下面一篇
CSS实现完美垂直居中

感谢此连接的^_^``````````收益非浅`````````

TOP

jaxxcyh

新手上路

帖子: 20
体力: 47
威望: 0
离线: 196 天

44^# 大中小发表于 2008-2-22 23:56

引用:

原帖由飞虫于 2006-8-14 21:28 发表
一直想说一句：
DIV+CSS布局真的很jian！！

做为一个网页布局方式，竟然连如此常用的“垂直布局”一直没有一个很方便快捷的解决方法！
是不是可以这样怀疑，作为一种布局方式，从布局的实用方便上来说：DI ...

同感！
就这么个小小的垂直居中问题，css竟然要费那么大的劲才能做出来，真是无能！
想比表格里的垂直居中，一个valign=center就可搞定，css难道不惭愧吗？

什么时候，css能在div中直接使用"align:center;valign:center;"那就爽了

，期待那一天早点到来。

TOP

donghongtao11

新手上路

帖子: 4
体力: 8
威望: 0
离线: 171 天

45^# 大中小发表于 2008-3-18 13:52

回复 #6 zern 的帖子

非常的有道理！！！

TOP

KsharpNet

初级会员

帖子: 60
体力: 51
威望: 0
当前: 上海徐汇
离线: 4 天

专长 前端制作,JS,.NET

46^# 大中小发表于 2008-3-23 22:21

position:static;
+position:relative;

这样写是什么意思,谁能帮忙说一下?

看起来,像重载似的..

You see,I'm real.

TOP

henny

新手上路

帖子: 9
体力: 0
威望: 0
当前: 上海虹口

47^# 大中小发表于 2008-4-23 15:54

觉得dic＋css挺好^_^

TOP

alize

悲剧小黑

高级会员

帖子: 342
体力: 613
威望: 0
当前: 四川成都

专长 UI,前端制作,JS

48^# 大中小发表于 2008-4-23 16:02

引用:

原帖由 KsharpNet 于 2008-3-23 22:21 发表
position:static;
+position:relative;

这样写是什么意思,谁能帮忙说一下?

看起来,像重载似的..

hack

郁闷......

TOP

ykkylc

新手上路

帖子: 45
体力: 0
威望: 0
离线: 2 天

49^# 大中小发表于 2008-5-16 23:45

被问了N+1遍的问题了

TOP

haoxh

初级会员

帖子: 48
体力: 73
威望: 0
当前: 福建厦门

50^# 大中小发表于 2008-5-30 15:17

学习了

学习了学习了

好笑话网

TOP

4511916

高级会员

帖子: 401
体力: 754
威望: 0
当前: 江苏南京

专长 网页设计,平面,策划

51^# 大中小发表于 2008-6-1 10:22

还是标准写法好

TOP

fuguojian1988

天天向网NET

银牌会员

帖子: 795
体力: 1644
威望: 0
当前: 河南商丘
离线: 3 天

专长 网页设计,平面,前端制作

52^# 大中小发表于 2008-6-1 11:25

楼主上面的代码在IE7里面并不都是垂直居中的哦

XHTML--CSS（Web标准）联盟 QQ群：6258367

TOP

guduhun

中级会员

帖子: 137
体力: 300
威望: 0
离线: 22 天

53^# 大中小发表于 2008-6-1 13:11

收藏了慢慢学习！

好好学习！

TOP

kth007

初级会员

帖子: 22
体力: 51
威望: 0
离线: 5 天

54^# 大中小发表于 2008-7-24 17:10

收藏先。。很好的东西！

TOP

ylnn

新手上路

帖子: 13
体力: 27
威望: 0
当前: 河北石家庄
离线: 18 天

55^# 大中小发表于 2008-8-2 17:36

为什么我按楼主说的，设了
margin:0 auto;
width:0;
height:0;
可是我最下方的距中了，中间的一个层没有距中呢？
或许应该解释下页面是什么样的，头部是调的另了下另面，中间数据也是调的，底部的一行是在这个页面里做的，它在firefox中距中的，上面的都没有距中。我也把上面两部分所在的页面也设了 margin:0 auto; width:0; height:0;，但还是不行，(没有用border:1 solid 这项，因为我没设边框。)

大力手水

TOP

lfxc

永远的冰点

初级会员

帖子: 57
体力: 81
威望: 0
当前: 江苏南京

专长 网页设计,搜索,策划

56^# 大中小发表于 2008-8-7 14:14

收藏先～～

TOP

[教程] [推荐] CSS图片垂直居中方法整理集合 ！(常见问题解答)

回复 #1 snwebsite 的帖子

收益非浅`````````

引用:

引用:

回复 #6 zern 的帖子

引用:

学习了

[教程] [推荐] CSS图片垂直居中方法整理集合！(常见问题解答)