div上下左右居中老调重弹

以前所有的针对IE6的操作方法就不再提了，因为6已经离我们远去了。

废话不多说，直接上代码。只需要记住这一种就可以了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>div左右以及上下（垂直）居中</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
body { font-size: 12px; font-family: tahoma; }
div#wrap { border: 1px solid #FF0099; background-color: #FFCCFF; width: 700px; height: 400px; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -350px; }
</style></head><body><div id="wrap"> </div>
</body>
</html>

在整个浏览器body中效果展示：

转载于:https://www.cnblogs.com/webeye/p/5410166.html

div上下左右居中老调重弹相关推荐

html怎么上下左右分div分,超级简单div上下左右居中
下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. .juzhong { width:200px; height:200px; top:50% ...
元素div 上下左右居中方法总结
元素div 上下左右居中方法总结情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中解决方案: { position:fixed; left:0; right:0; top:0; b ...
用CSS让DIV上下左右居中的方法
例如一个父div(w:100%;h:400px)中有一个子div(w:100px;100px;).让其上下左右居中. 方法一(varticle-align) 理念利用表格单元格的居中属性. 步骤 ...
div内上下左右距离_用CSS让DIV上下左右居中的方法
当父div的行高等于自身高度时,内部的行内元素会上下居中显示.行内块没有固定高度时也会上下居中显示.所以需要对父div的 line-height 进行调整.利用定位属性(top.left.right. ...
HTML怎么让文本在一个div上下左右居中呢？
先在一个div写一个span标签,来演示效果 <style> #box{ width: 280px; height: 28 ...
前端开发之div上下左右居中
情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中解决方案: { position:fixed; left:0; right:0; top:0; bottom:0; margin:a ...
css：子元素div 上下左右居中方法总结
情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中解决方案: { position:fixed; left:0; right:0; top:0; bottom:0; margin:a ...
div上下左右居中.全面总结
这个使用line-height+inline-block做多行文字的垂直居中. 还有这个css 多列等高等宽布局这个 css 让一个图片在固定的尺寸中上下左右居中object-fit 这个利用css ...
image居中、div嵌套div上下左右居中
1.如何让图片左右居中? 把图片放在div中,设置div:margin:0 auto;,这样div左右居中,包含在里面的图片也会随之居中. <head><meta charset=& ...

div上下左右居中老调重弹

div上下左右居中老调重弹相关推荐

最新文章

热门文章