`
japankn
  • 浏览: 214847 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

div垂直居于浏览器窗口

    博客分类：
  • css
浏览器IE 
阅读更多

div {
    position:absolute;
    top:50%;
    left:50%;
    margin:-150px 0 0 -200px;
    width:400px;
    height:300px;
    border:1px solid #008800;
}

分享到：
| 关于闭包
评论
2 楼 japankn 2009-01-16  
兼容！！
1 楼 zhanglubing927 2009-01-16  
兼容IE与FF否??
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    div内容垂直居中+通用所有浏览器

    通用所有浏览器， 谢谢详细信息详细信息详细信息

    JS根据浏览器窗口大小实时动态改变网页文字大小的方法

    本文主要介绍如何使用JavaScript实现根据浏览器窗口大小动态调整网页文字大小的功能。该技术在实现网页响应式设计中具有重要意义，允许网页内容在不同尺寸的屏幕设备上都能保持良好的可读性和布局适应性。 首先，...

    DIV 垂直居中

    DIV 垂直居中DIV 垂直居中DIV 垂直居中DIV 垂直居中DIV 垂直居中DIV 垂直居中

    div垂直居中屏幕

    div垂直居中屏幕的方法，兼容IE6 7 8 Firefox

    div垂直居中的N种方法

    ### DIV垂直居中的N种方法：详尽解析与实践 在网页设计中，DIV元素的垂直居中一直是前端开发者关注的焦点。无论是响应式布局的需求，还是美观度的提升，垂直居中的实现都能显著增强用户体验。本文将深入探讨并演示...

    DIV居中及DIV垂直居中.html

    该html代码是实现DIV居中及DIV垂直居中的实例,包括: div居中, div内文本居中及垂直居中, div嵌套div并居中, div嵌套div并垂直居中.

    js实现div随浏览器高度变化

    js实现div随浏览器高度变化，主要是高度变化和实现滚动条，还有侧栏显示隐藏，可以作为一个地图开发界面的参考

    纯css控制div保持在浏览器底部

    纯css控制div保持在浏览器底部

    始终居于浏览器底部的在线客服QQ代码

    2. **应用CSS样式**：为这个`<div>`添加CSS样式，设置其`position`为`fixed`，`bottom`为`0`，以使其固定在浏览器窗口的底部。根据需要，可以调整宽度、高度、颜色、边距等其他样式属性，以匹配网站的设计。 3. **...

    jQuery响应浏览器窗口大小图片排列代码.zip

    本篇文章将详细讲解一个利用jQuery实现的响应式图片排列代码，该代码旨在使图片画廊根据浏览器窗口大小自动调整布局，以达到视觉上的统一和和谐。 首先，jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、...

    css+div自适应窗口宽度

    本主题探讨的是如何利用CSS和div实现网页内容的自适应窗口宽度，确保无论用户浏览器窗口大小如何，页面都能保持良好的显示效果。 首先，我们要理解`min-width`属性。在示例代码中，`.divGlobal`, `.DivTop`, `....

    div css窗口 模态窗口

    我们可以设置 `position` 属性为 `fixed` 或 `absolute`，使窗口相对于浏览器视口或其父元素定位。通过调整 `top`, `right`, `bottom`, `left` 属性，可以精确控制窗口的位置。设置 `z-index` 属性可以确保模态窗口...

    div的内容图片垂直居中代码（兼容多浏览器）.rar

    在网页设计中，让图片或其他内容在div容器中垂直居中是一个常见的需求，尤其是在多浏览器兼容性方面。这里我们将深入探讨如何实现这个功能，并结合JavaScript（JS）特效和CSS样式来达成目标。首先，让我们先了解一些...

    CSS解决未知高度的DIV垂直居中

    ### CSS解决未知高度的DIV垂直居中 #### 知识点概述 在Web开发中，实现元素的垂直居中是一项常见的需求。对于已知高度的元素来说，这相对容易实现。但对于那些高度未知或者动态变化的元素，尤其是嵌套在另一个未知...

    div框水平垂直居中跟内容垂直居中.html

    div框水平垂直居中跟内容垂直居中

    div跟随固定在浏览器左边，上下不浮动，左右可跟随主体浮动

    将其设置为`fixed`，这样元素就会相对于浏览器窗口定位，而不是相对于其父元素。同时，为了保持在屏幕左侧，可以设置`left: 0;`。 ```css div { position: fixed; left: 0; } ``` 2. **固定高度与宽度**：为了让...

    javaOO总结（DIV+CSS浏览器兼容方法的总结）

    压缩包内的“DIV+CSS浏览器兼容方法的总结.doc”文件很可能是篇详细的教程，涵盖了如何处理常见浏览器（如IE、Firefox、Chrome、Safari等）之间的CSS差异，包括但不限于浮动布局、定位、边距重叠、盒模型差异、透明...

    漂亮的div弹出窗口样式

    例如，`absolute`可以使弹出窗口相对于其最近的非`static`定位祖先元素定位，而`fixed`则使其相对于浏览器窗口定位。 4. **过渡效果(transitions)**：为了让弹出窗口的出现和消失更加平滑，可以使用CSS的`...

    div模式窗口-div模式窗口

    `div`模式窗口是指利用`div`元素创建的可交互或可弹出的窗口效果。这通常通过JavaScript或者jQuery等库来实现动态效果，如点击按钮后弹出一个包含特定内容的`div`窗口。这个窗口可以是透明的，也可以有边框和背景色...

Magicbox
Global site tag (gtag.js) - Google Analytics