div+css在网页中怎么居中,要上下左右都居中的那种,不要那种jq,jsp写出来的代码,急!!!!

如题所述

<style type="text/css">
<!--
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #008800;
}
-->
</style>
<div>让层垂直居中于浏览器窗口</div>
其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。
如:一个层宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。margin-left的值为-200。这样我们就实现了层垂直居中于浏览器的样式编写

如果你是想让div垂直居中与div,那么你可以在父级div上加一个position:relative即可
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-09-21
文字类一般用text-align:center;
图片类一般用text-align:center;(水平方向)vertical-align:middle;(垂直方向)
某个版块类的一般用margin:0 auto;
表格里面一般用align:center; (水平方向)valign:middle;(垂直方向)

大致这几种居中的用法,如果单纯用这样的句子调不好的话就跟margin 、padding配合着进行调试。

希望能够帮到你。
第2个回答  2012-09-21
margin:0 auto; align="center"
第3个回答  2012-09-21
js写的也不行?追问

不是不行, 只是感觉没必要

div+css在网页中怎么居中,要上下左右都居中的那种,不要那种jq,jsp写出 ...
如果你是想让div垂直居中与div,那么你可以在父级div上加一个position:relative即可

div 上下左右居中
(screen.width-width)\/2 \/\/这是左右居中,说明:screen.width是获取屏幕的宽度,第二个width是区块本身的宽度(screen.height-height)\/2 \/\/这是上下居中 说明:screen.height是屏幕的高度,第二个height是区块本身的高度用JS或jQ实现的话就可以在不同分辨率的显示器下都是居中的,如果你只是想用CSS来...

CSS+DIV怎么实现网页左右两栏高度一致?
可以通过JQ来获取右边高度再付值给左边。这样,右边内容再多,JQ也能把它的高度付值给左边,这样就会两边一样。<script type="text\/javascript" src="jquery-1.8.2.min.js"><\/script><script type="text\/javascript">\/\/判断控制页面初始时左右的高度一致 var hl = $(".left").outerHeight(...

在css中如何定义一个表格按照浏览器的大小自动调整上下居中?
上下居中本身CSS没有这个属性 你可以用JS来动态调整TOP 还有一种方法就是 你在外面用一个表格套上 在在TD里面放一个表格 把TD的属性设置为上下居中 *(好像默认就是) 这样就上下居中了 上面这个方法有点鸡肋 你选择下吧 恩 还有一种但是他不支持IE8以下的浏览器 就是把DIV的DISPLAY属性设置为TD的...

怎么用jQuery\/HTML\/Div+CSS按浏览器屏幕大小自适应布局?
建议 body 下 布局一个 DIV, 这个DIV 的 CSS 可以这样处理:{ position: absolute; left:0px; right:0px; top:0px; bottom:0px; overflow:auto;}然后再在这个 div中进行布局, 子div可以用 100%相对布局, 页面宽度就自动撑开了.另外一种常用布局是用 table 设置宽度为100...

在div+css中,不同的宽度使用不同的样式,如何实现?
你说的是相应式布局吗 要是那样的话 用css的媒体查询即可 没必要真js jq之类的复杂查询 \/* Large desktop *\/ media (min-width: 1200px) { ... } \/* Portrait tablet to landscape and desktop *\/ media (min-width: 768px) and (max-width: 979px) { ... } \/* Landscape phone to...

Jquery+css做div层的展开与收缩时,文本框怎么隐藏?
看代码,感觉您受累了。使用jQuery现成的方法吧:('div').slideUp();\/\/动感大气上档次 --- 建议,恶补一下jQuery基础,然后看代码,看一段就能吸收一段了。()中的内容叫选择器,比如你的登录框id是叫login,通过如下就能让登录框区域动态折叠:('#login').slideUp();...

css+div html 鼠标滑过div里的内容变样式?
1、先在找个文件夹创建文件index.html。2、然后用能编辑文本文件的软件打开index.html,index.html的初始内容如图。3、接着编写两个样式作为鼠标移动时div修改的样式。4、然后编写js代码修改div的样式。5、编辑完index.html后保存,在浏览器中打开index.html。效果如图。鼠标移入移出div时,div的样式改变...

DiV+css,滚动条到特定位置时div一直停留顶部,滚动条在顶部时DIV在原位...
单凭DIV+CSS恐怕不行,你要是会JQ可以这么干:\/\/jq部分$(document).scroll(function(e) {if($(document).scrollTop()!=0){$("#test2").stop(); $("#test2").animate({"top":"0"});}else{$("#test2").stop();$("#test2").animate({"top":"20px"});}});<!-- HTML部...

web前端 1.怎样做一个页面让其宽度在手机中100%显示,电脑上居中...
大于648宽度@media screen and (max-width:648px){div{ width:100%; align:center; }}小于648宽度@media screen and (min-width:648px){ div{width:100%;}}使用css判断下分辨率宽度就可以了

相似回答