html内容垂直、水平居中

原创 2007年09月27日 20:16:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<title> New Document </title> 
<style>
*{
padding: 0;
margin: 0;
}
html,body{
height: 100%;
}
#outer{
height: 100%;
width: 100%;
display: table;
*position: relative;
*overflow: hidden;
}
#middle{
display: table-cell;
vertical-align: middle;
*position: absolute;
*top: 50%;
}
#inner {
width: 400px;
margin: 0 auto;
*position: relative;
*top: -50%;
}
</style> 
</head> 
<body> 
<div id="outer">
  <div id="middle">
      <div id="inner" style="background: red;height: 500px;">
          <p>asdfasdf</p>
          <p>asdf</p>
      </div>
  </div>
</div>
</body> 
</html>

wu反走样(Anti-aliased)直线

可能有图片或者下载的链接不对,请到原始地址查看.http://dgame.yeah.net=======================================================...
  • vertex
  • vertex
  • 2001-06-05 21:54:00
  • 1433

html中表格table的内容居中显示

在表格td中,有两个属性控制居中显示 align——表示左右居中——left,center,right valign——控制上下居中——left,center,right   这两个属性综合使用,就...
  • woshixuye
  • woshixuye
  • 2012-02-20 15:20:15
  • 131391

如何让一个方块上下左右居中

//构造函数;(function($, window, document,undefined){ var MaskLayer = function(ele, opt){ this....
  • liaozhongping
  • liaozhongping
  • 2015-09-24 02:20:54
  • 504

CSS 元素垂直居中的 6种方法

转自:http://blog.zhourunsheng.com/2012/03/css-%E5%85%83%E7%B4%A0%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD%E...
  • wolinxuebin
  • wolinxuebin
  • 2012-05-30 09:56:06
  • 348451

html 中div垂直居中的三种方式

1.第一种:           
  • lifuxiangcaohui
  • lifuxiangcaohui
  • 2011-01-26 16:08:00
  • 103251

盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS: .Absolute-Center { ...
  • freshlover
  • freshlover
  • 2013-09-11 21:06:11
  • 334834

BootStrap Div居中

使用BootStrap,如果一个Div只占用了一小部分,怎么居中呢? BootStrap3.3.2测试 .col-center-block { float: none; ...
  • fanxl10
  • fanxl10
  • 2015-03-03 14:24:52
  • 55032

table 中, td内容剧中

width="{$field.width}%" >{$field.title} ...
  • A9925
  • A9925
  • 2015-12-12 13:25:25
  • 597

select让文字居中

做手机项目中遇到想让select居中的问题,原以为是无解的。 看Jquerymobile的时候发现它的select可以居中,于是如下:   Html代码   >  ...
  • liujinyu123
  • liujinyu123
  • 2014-08-22 11:10:25
  • 13886

CSS 如何让li横向居中显示

先给一个简单的示例HTML代码 [html] view plaincopyprint? body>      form id="form1" runat="server">...
  • yxwmzouzou
  • yxwmzouzou
  • 2013-12-23 23:17:24
  • 21711
收藏助手
不良信息举报
您举报文章:html内容垂直、水平居中
举报原因:
原因补充:

(最多只允许输入30个字)