sakura_chun
sakura_chun
2017-02-22 14:41

在IE11环境下垂直水平居中

  • Internet-explorer
  • html5
<!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条回答

为你推荐

换一换