2011年11月
HTML/CSS控制div垂直&&水平居中屏幕
摘要： 这个示例是使用HTML/CSS实现的，对于一个给定宽高的元素，不管有没拖动滚动条，让它始终处于屏幕水平方向和垂直方向居中的位置。CSS:<style> html,body{ height:100%; overflow:hidden;} body{ overflow:auto} .test{width:500px; height:500px; position:absolute; left:25%; top:25%; background-color:#000;} h1{ height:1500px;/*测试滚动条*/} </style>HTML:<body> 阅读全文
posted @ 2011-11-02 12:49 rentj 阅读(4272) 评论(2) 推荐(0) 编辑
HTML/CSS控制div垂直&&水平居中屏幕
摘要： 这个示例是使用HTML/CSS实现的，对于一个给定宽高的元素，不管有没拖动滚动条，让它始终处于屏幕水平方向和垂直方向居中的位置。CSS:<style> html,body{ height:100%; overflow:hidden;} body{ overflow:auto} .test{width:500px; height:500px; position:absolute; left:25%; top:25%; background-color:#000;} h1{ height:1500px;/*测试滚动条*/} </style>HTML:<body> 阅读全文
posted @ 2011-11-02 12:26 rentj 阅读(4207) 评论(0) 推荐(1) 编辑