sakura_chun
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"> aaaaaa啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊aaaa <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"> 啊 <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个回答
换一换