2017-02-22 14:41

在IE11环境下垂直水平居中

<!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=utf-8" /> 
<style type="text/css"> 
#tableGridHeader2 TD.hdr1{ 

border-right:1px solid #D0D0D0; 
background:#F4F7F7; 
} 
</style> 
</head> 
<body> 


<TABLE id=tableGridHeader2 style="OVERFLOW: hidden; HEIGHT: 70px; WIDTH: 150px" cellSpacing=0 cellPadding=0 border=0 name="tableGridHeader2"> 
<TBODY> 
<TR> 
<TD class=hdr1 style="OVERFLOW: hidden; WIDTH: 86px" vAlign=middle> 
<TABLE onclick="updateRef(this, '5', '1', '-1', -1);" height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0> 
<TBODY> 
<TR> 
<TD> 
<DIV class="selectItem pointer" valign="middle">&nbsp;aaaaaa啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊aaaa&nbsp;<BR></DIV></TD></TR></TBODY></TABLE></TD> 

<TD class=hdr1 style="OVERFLOW: hidden; WIDTH: 86px" vAlign=middle> 
<TABLE onclick="updateRef(this, '5', '7', '-1', -1);" height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0> 
<TBODY> 
<TR> 
<TD> 
<DIV class="selectItem pointer" valign="middle">&nbsp;啊&nbsp;<BR></DIV></TD></TR></TBODY></TABLE></TD> 
</TR></TBODY></TABLE> 
</body> 
</html>

有俩个问题
1.怎么才能让div中的文字垂直居中？
除了把top设为50%的办法，因为我是想得到那种由中心向上下发散的居中效果而不是固定了div在父元素一半的位置，试了vertical-align:middle display:table-cell的方法但是在ie上不起作用，请问有什么方法么？

2.上面这段html因为内容故意设的很长所以其实是有超过表格的高度的，现在是给
class="selectItem pointer" 设了style="height:50px"请问有更好的方法么

点赞
回答
收藏
复制链接分享

1条回答

提交

为你推荐

asp.net做的登陆界面如何居中？
- visual studio
- asp.net
- 2个回答
css中vertical实现垂直居中问题？
- css
- 2个回答
为什么这个关闭按钮，line-height=height不居中
- 居中
- css
- 图片
- 5个回答
关于html的文字上下居中问题
- html5
- 6个回答
关于ie9与ie11 对css样式兼容的问题
- css
- Internet-explorer
- 1个回答

换一换

sakura_chun

在IE11环境下垂直水平居中

1条回答

为你推荐