DIV+CSS网页布局技巧实例2：设置容器中的内容垂直居中
作者:不详 来源:source 【大 中 小】 浏览: 添加日期：2007-10-14 我要评论(10)
如实例1设置网页整体居中的代码中内容是居容器的顶部的，而在表格布局时默认是垂直居中的，当我们需要垂直居中的时候该怎么办呢？别害怕，跟我来，也是比较简单的，只用设置容器内的行高就行了。
line-height:500px;
标准之路www.aa25.cn 提示：可以先修改部分代码后再运行
这是一种方法，另外和种方法就是设置的它内边距padding了，自己可以试试哟～～
（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）
〖DIV+CSS实例〗Tags: CSS 垂直居中
所属专题：DIV布局技巧
相关文章
更多评论(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%才行。这样的话在实际应用当中不常见（个人意见）
推荐文章
热门文章
最新图片素材
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 30235673(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)