DIV-CSS 之 让 DIV 居中显示
来源:互联网 发布:巨人网络2017业绩 编辑:程序博客网 时间:2024/04/27 19:24
<html><head><style type="text/css">body,div {margin:0;padding:0;}/*解决IE下居中*/body {text-align:center}/*#content {margin-left: auto;margin-right: auto;width:800px;height:600px;background:#000;position:relative;}*/#box {background:#ccc;height:300px;width:500px;position:relative;margin-left: auto;margin-right: auto;top:200px;}#small {position:absolute;top:80px;left:200px;}tr {text-align:right}/*让 username,pwd向右对齐*/</style></head><body>//<div id="content"> //两层div包裹<div id="box"><div id="small"><table><colgroup align="right"></colgroup><tr><td>username: </td><td><input type="text"></td></tr><tr><td>pwd:</td><td><input type="text"></td></tr><tr><td></td><td align="right"><input type="button" value="submit"/></td></tr></table></div></div></body></html>
在各版本浏览器下做过测试,结果如图所示:
- DIV-CSS 之 让 DIV 居中显示
- 用CSS 怎么样让div居中显示
- 让DIV居中的CSS
- css让div永远居中
- css+div让布局居中
- css怎么让div居中
- css让div永远居中
- 设置css让div居中
- 让div+css的div居中
- 让DIV中的DIV居中显示
- 如何让div居中显示
- 让div绝对居中显示的css&js
- div+css中如何让图片垂直居中显示
- 纯CSS如何让图片以及DIV垂直居中显示?
- CSS 如何让li横向在div居中显示
- div居中显示 css样式
- CSS设置DIV居中显示
- div+css垂直居中显示
- oracle自增字段
- oracle 性能调优诊断案例1
- 最长平台问题
- 谈魔兽世界服务器和客户端交互的架构
- POJ 3176 Cow Bowling
- DIV-CSS 之 让 DIV 居中显示
- 老子的软件之道 - 道篇 28 大制不割
- 面试信息获取_1——进程与线程的区别
- dd命令
- 老子的软件之道 - 道篇 29 过犹不及
- oracle性能调优-sql trace工具
- POJ3013:Big Christmas Tree
- 老子的软件之道 - 道篇 30 领导者的行为规范
- 老子的软件之道 - 道篇 31 避免恶性竞争