咨询电话：024-31891684

网站建设|注册|登录 | 易势大连分公司

沈阳网站制作易势最专业！

首页 wap网站建设 网站策划 网站设计 网站制作 网络营销 网站维护 空间域名 网站案例
 

网站制作技术之三种方法控制层的垂直居中当前位置：首页>主要服务>网站制作>CSS

方法一：负margin 

需要2层

内层需要已知高度

内层css代码：

height:200px; 
position:relative; 
top:50%;
margin-top:-100px;

 

方法二：表格布局

需要表格

不需要知道高度

方法：给table的td设置：valign="middle"

 

方法三：三层嵌套

需要3层

不需要知道高度

方法：

对其他浏览器：模拟表格
外层 display:table;
中层 display：table-cell;vertical-align:middle;
对ie6/7写hack:
外层 *position:relative;
中层 *position:absolute; *top:50%;
内层 *position:relative; *top:-50%;

 

上一条资讯|返回栏目页|下一条资讯

2

网站动态

沈阳网站制作--网站前台效果

易势网站制作，以DIV+CSS为主，js/jQuery为辅，制作利于优化，页面美观的优质网站！

top

网络策划公司|新浪官方微博|大连网站建设

沈阳易势科技有限公司 网站制作网络营销公司 © 2011 , All rights reserved. 公司地址：沈阳市铁西区贵和街道建设中路15号浅草绿阁商务楼402室沈阳网站制作易势最专业

辽B2-20150173-8号

Valid XHTML 1.0 Transitional

网站软件咨询

客户服务咨询