- html,body{
- height:100%;
- margin:0;
- padding:0;
- }
- body{
- background:#eae7d7 url(images/vert-centre.jpg) repeat-x center center;
- text-align:center;
- min-width:626px;
- min-height:400px;
- }
- #vert-hoz{
- position:absolute;
- top:50%;
- left:50%;
- margin-top:-198px;/* half elements height*/
- margin-left:-313px;/* half elements width*/
- width:624px;
- height:394px;
- border:1px solid silver;
- background:#666;
- overflow:auto;/* allow content to scroll inside element */
- text-align:left;
- }
- h1 {color:#fff;margin:0;padding:0}
- <div id="vert-hoz">
- <h1>Content goes here</h1>
- </div>
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
相关文章
通过CSS截取文字长度2023-01-02
display:inline-block 水平居中无效的解决办法2019-03-07
CSS中font-family:中文字体的英文名称 2018-11-06
css3 nth-child选择器2018-11-04
CSS3 transform多种组合2018-10-26
scrollbar CSS美化(仿Safari样式)2013-10-28
CSS样式在IE6中失效的解决方案2013-05-06
Firefox及Chrome中div不撑高的解决办法2013-04-30
chrome margin失效的解决办法2013-04-19
使用css调整文字间距2013-04-10