87,919
社区成员
发帖
与我相关
我的任务
分享如何让他垂直居中了
下面的红色的div怎么垂直居中了
不要用margin-top那样来定位了
不要用margin-top那样来定位了
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<div style="height:300px; width:300px; background-color:#0000FF">
<div style="height:100px; width:100px;margin:0 auto; background-color:#990000"></div>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
道光2008 2009-12-04
- 打赏
- 举报
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<div style="height:300px; width:300px; background-color:#0000FF">
<table border="0" cellpadding="0" cellspacing="0" ><tr><td width="100px"> </td><td width="100px" valign="middle">
<div style="height:100px; width:100px;margin:0 auto; background-color:#990000"></div>
</td><td width="100px"> </td></div>
</body>
</html>
yan11cn 2009-12-04
- 打赏
- 举报
呀 这样啊 我也没用过 一直以为能用的 那这么说 CSS的vertical-align 应该也不好使吧？
jdk150 2009-12-04
- 打赏
- 举报
div不支持valign
natici 2009-12-04
- 打赏
- 举报
valign table才有这属性的吧？div有valign？ 汗啊。。。
yan11cn 2009-12-04
- 打赏
- 举报
恩 垂直方向是 valign
natici 2009-12-04
- 打赏
- 举报
align:center 是左右居中，不是垂直居中吧？
yan11cn 2009-12-04
- 打赏
- 举报
要居中 就加 align ="center"
保险起见
保险起见
yan11cn 2009-12-04
- 打赏
- 举报
[Quote=引用 2 楼 natici 的回复:]
别人问如何垂直居中，你回答靠左，纯粹骗帖子哇
[/Quote]
“下面的红色的div怎么垂直居中了”
你看清楚楼主的语气 看仔细再去评论别人
别人问如何垂直居中，你回答靠左，纯粹骗帖子哇
[/Quote]
“下面的红色的div怎么垂直居中了”
你看清楚楼主的语气 看仔细再去评论别人
natici 2009-12-04
- 打赏
- 举报
别人问如何垂直居中，你回答靠左，纯粹骗帖子哇
yan11cn 2009-12-04
- 打赏
- 举报
div中加入
align ="left"
dahaidao 2009-12-04
- 打赏
- 举报
<div style="height:300px; width:300px; background-color:#0000FF"><table height="100%"><tr><td
valign="middle">
<div style="height:100px; width:100px;margin:0 auto; background-color:#990000"></div>
</td></tr></table>
</div>
搞个table,感觉不是太好啊。
valign="middle">
<div style="height:100px; width:100px;margin:0 auto; background-color:#990000"></div>
</td></tr></table>
</div>
搞个table,感觉不是太好啊。
ninja 2009-12-04
- 打赏
- 举报
<div style="height:300px;width:300px;background-color:#0000FF; text-align:center;vertical-align:middle;position: absolute;">
<div style="height:100px;width:100px;background-color:#990000;position: absolute;top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);">
