DIV+CSS网页布局技巧实例2：设置容器中的内容垂直居中

共有 10 位网友发表了评论　我要评论..

clweb(118.112.*.*) 发表于：2011-07-31 22:20:43

如果是多行也需要设置成垂直居中又应该如何设置了，谢谢。每天都想在这里学习一下CSS方面的知识。非常感谢 。

lpbottle(123.118.*.*) 发表于：2010-07-15 14:08:17

用padding方法设置是不是设padding-top:250px？如果都这么计算是不是有些麻烦呢？

管理员回复：没其它办法

dingjiechina(219.143.*.*) 发表于：2010-04-14 16:50:20

把文字换成图片就不居中了。怎样把图片也能垂直居中呢

管理员回复：采用顶部内补丁的办法了

风之(121.33.*.*) 发表于：2010-02-03 15:11:20

这个line-height好像只能设置单行的效果，如果多行的话不是每行都有500pdx，是这样子的吗

管理员回复：是的

小方(116.25.*.*) 发表于：2009-08-07 21:24:16

能为能写一下内容垂直分三栏的代码呢？？谢谢！！

管理员回复：这个在网站常用布局频道就有

菜鸟笨笨(59.60.*.*) 发表于：2009-07-15 23:08:21

padding的填充,经常会把整个DIV撑大.怎么解决这个问题呢?OVERFLOW:HIDDEN 对其有用么?

管理员回复：有用。不过你在设计时需要把padding、margin、border等宽度考虑进去，因为整个盒模型宽度是这些和width宽度之和

xncdn(119.125.*.*) 发表于：2009-05-18 20:43:27

文字如果是多行就不正确了。比如把设width:100px是不是这样？

管理员回复：多行的话就得采用其它方法了

Guest(222.90.*.*) 发表于：2008-12-15 10:59:42

如果div的height用百分比的时候如何设置内容居中呢，谢谢

管理员回复：height用百分比的不多，因为这样需要设置html和body也是100%才行。这样的话在实际应用当中不常见（个人意见）

如果有一天(60.16.*.*) 发表于：2008-11-26 14:46:05

为什么line-height:500px;这样设置就居中了,layout的高是500px,如果line-height:500px那'标准之路'应该在最下方呀,为什么还是在中间,还有用padding怎么设置呀,我怎么设都不对..谢谢,麻烦你了

管理员回复：这个当你不设置高度时，单独使用line-height:500px时，会看到还是居中的，说明字是居line-height设置的高度中间的；padding是设置内补丁的方式使之居中的。

秦商(222.177.*.*) 发表于：2008-07-07 18:00:23

听说编码格式最好是用UTF-8格式，据说跟浏览器有关，关于这点我不太理解。

管理员回复：UTF-8格式为国际通用格式，而gb2312为简体中文格式，它是两种不同的字符编码。这两种编码浏览器都是会解析的