CSS垂直，水平居中 - 代码效果 - YouDove

登陆便民

CSS垂直，水平居中

>首页 -> 社会专题 -> 代码效果 2011-02-20 来源: 作者: 【大中小】浏览:1135次评论:0条

如何实现Div CSS的垂直居中呢？请参阅本款代码，不但实现了垂直居中，还实现了水平居中，而且会自动适应窗口大小，比如窗口的高度变化时，它会始终处于纵向的中心位置，完美实现了垂直方向上的居中，而红色测试区域内则实现了文字的水平居中。

提示：您也可以先修改部分代码再运行！

您看到此篇文章时的感受是：

Tags：

责任编辑：佚名

【大中小】【打印】【繁体】【投稿】【收藏】【推荐】【举报】【评论】【关闭】【返回顶部】

更多

上一篇：学习JS瀑布流的简单示例代码

下一篇：一个带标号的CSS文章列表写法

最新文章

[代码效果]网页变黑色CSS代码2019-04-07

[代码效果]皮影客和优芽制作互..2018-07-06

[代码效果]满屏出现的烟花效果2018-01-20

[代码效果]网页对联代码2018-01-12

[代码效果]CSS排版页面实例代码2017-12-28

[代码效果]waterfall自适应瀑布..2017-03-10

[代码效果]手机屏幕尺寸测试—..2016-12-28

[代码效果]iframe去边框、无边..2016-07-16

[代码效果]历史今天择吉皇历代码2016-07-15

[代码效果]历史今天寿星万年历..2016-07-15

热门文章

[代码效果]CSS jquery实现Div底..2010-07-12

[代码效果]微软首页竖向TAB滑动..2011-02-11

[代码效果]一个带标号的CSS文章..2011-02-20

[代码效果]CSS垂直，水平居中2011-02-20

[代码效果]学习JS瀑布流的简单..2011-02-20

[代码效果]一个高宽自适用100%,..2011-02-20

[代码效果]Div透明代码，透明的..2011-02-20

[代码效果]网页Div层拖动，拖拽..2011-02-20

[代码效果]单行显示新历、农历..2011-03-06

[代码效果]横式图片幻灯代码2011-03-06

推荐文章

[代码效果]CSS垂直，水平居中2011-02-20

[代码效果]display:none和visib..2014-04-07

[代码效果]jquery标签支持图文..2014-10-10

[代码效果]IE6 png 透明 (三种..2011-03-06

[代码效果]canvas 圆形进度条效..2016-06-21

[代码效果]页面加入边框 2012-02-12

[代码效果]暖色大气网站导航条..2016-05-29

[代码效果]3D特效字符 2013-04-07

[代码效果]显示和隐藏文字特效2015-10-08

[代码效果]CSS实现半透明div层..2016-02-04

论坛互动
讨论留言

MAIL：gnlt@Dovechina.com
正在线上：

任何你想说的