当前位置:首页 > DIV+CSS实例 > 正文

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

作者:不详 来源:source 【 】 浏览: 添加日期:2007-10-14 我要评论(11)     

如实例1设置网页整体居中的代码中内容是居容器的顶部的,而在表格布局时默认是垂直居中的,当我们需要垂直居中的时候该怎么办呢?别害怕,跟我来,也是比较简单的,只用设置容器内的行高就行了。

line-height:500px;


标准之路www.aa25.cn 提示:可以先修改部分代码后再运行

这是一种方法,另外和种方法就是设置的它内边距padding了,自己可以试试哟~~
 

〖栏目所有文章〗Tags: 标签地图

所属专题:DIV布局技巧

更多评论(11)..网友评价

haoke(58.39.*.*) 发表于:2013-07-23 22:49:18
看了一小部分你的网站,真心的感觉不错哦~~准备把你网站看一遍,应为div+css布局,一直是头痛的问题,要非常细心,但是平常搞开发又不得不遇到,希望按照你的教程看完后有个质的飞跃,顶~!!!
clweb(118.112.*.*) 发表于:2011-07-31 22:20:43
如果是多行也需要设置成垂直居中又应该如何设置了,谢谢。每天都想在这里学习一下CSS方面的知识。非常感谢 。
lpbottle(123.118.*.*) 发表于:2014-07-15 14:08:17
用padding方法设置是不是设padding-top:250px?如果都这么计算是不是有些麻烦呢?
管理员回复:没其它办法
dingjiechina(219.143.*.*) 发表于:2014-04-14 16:50:20
把文字换成图片就不居中了。怎样把图片也能垂直居中呢
管理员回复:采用顶部内补丁的办法了
风之(121.33.*.*) 发表于:2014-02-03 15:11:20
这个line-height好像只能设置单行的效果,如果多行的话不是每行都有500pdx,是这样子的吗
管理员回复:是的
小方(116.25.*.*) 发表于:2013-08-07 21:24:16
能为能写一下内容垂直分三栏的代码呢??谢谢!!
管理员回复:这个在网站常用布局频道就有
菜鸟笨笨(59.60.*.*) 发表于:2013-07-15 23:08:21
padding的填充,经常会把整个DIV撑大.怎么解决这个问题呢?OVERFLOW:HIDDEN 对其有用么?
管理员回复:有用。不过你在设计时需要把padding、margin、border等宽度考虑进去,因为整个盒模型宽度是这些和width宽度之和
xncdn(119.125.*.*) 发表于:2013-05-18 20:43:27
文字如果是多行就不正确了。比如把设width:100px是不是这样?
管理员回复:多行的话就得采用其它方法了

【视频教程】新手常见问题

Copyright ®2013-2018 www.51itstudy.com online services. All rights reserved.

意见反馈 E-mail: kefu@51itstudy.com

声明:本网站尊重并保护知识产权,根据《信息网络 传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在24小时内通本站,我们会及时删除!

    

粤ICP备14015648号-3