学习下DIV+CSS网页结构技能实例2：设置容器中的内容垂直居中

显示全部楼层 · 发表于 2015-1-16 10:40:19

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

并排在一行的两个div样式有这种情况：ie或者ff下对于子div设置float左的时候，如果另外的子div没有设置float左的话，两个浏览器下会有区别，具体有一个会产生间隙。照实例1设置网页全体居中的代码中内容是居容器的顶部的，而在表格结构时默许是垂直居中的，当我们必要垂直居中的时分该怎样办呢？别惧怕，跟我来，也是对照复杂的，只用设置容器内的行高就好了。
line-height:500px;
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>尺度之路www.ckuyun.com</title><style>#layout{width:778px;margin:0auto;text-align:center;border:1pxsolid#44b6dc;background:#e1edfb;height:500px;line-height:500px;}</style></head><body><divid="layout">尺度之路www.ckuyun.com</div></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
这是一种办法，别的和种办法就是设置的它内边距padding了，本人能够尝尝哟～～

快捷性：Div+CSS构架的页面，虽然在客户端看来下载一个复杂的css也要占用差不多的带宽，然而搜索引擎可以很方便的绕过这个css，而直接抓去Div中的内容。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 学习下DIV+CSS网页结构技能实例2：设置容器中的内容垂直居中

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子