当前位置:编程学习 > html/css >>

请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

如题。请高手帮忙,谢谢!
补充:情况是这样的:
<!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>
<style type="text/css">
<!--
.meun{position:absolute;width:auto;height:auto;z-index:1;left: 200px;top: 150px}
.meun td{width:260px;height:50px}
.meun1{position:absolute;margin:auto;width:100%;height:100%;margin:0px auto}
-->
</style>
</head>

<body>
<div class="meun">
  <table border="1" cellspacing="0" cellpadding="0">
    <tr>
      <td>111
      <div class="meun1">aaa</div></td>
      <td>222
      <div class="meun1">bbb</div></td>
      
    </tr>
    <tr>
      <td>777
      <div class="meun1">ggg</div></td>
      <td>888
      <div class="meun1">hhh</div></td>
      
    </tr>
  </table>
</div>
</body>
</html>
追问:TD里面还有文字,用这个方法只能控制其中一种元素可以加你QQ吗
答案:td{text-align:center;vertical-align:middle}
td div{margin:auto;}
其他:td {
height:20px;
text-height:20px;
text-align:center;
} 给这个td定义一个高度,然后把它的lineheight定义为这个高度,这样就保证垂直居中,
水平居中的话:td div {margin:0px auto;}
如果还想要这个div里面的文字也居中,就是:td div {margin:0px auto; text-align:center;} 说实在的,只用css的方法无法达到所有浏览器的完美居中效果。
如果你是以这个列td的高度为标准大可用div上下的padding和height:auto;来实现居中。
具体的你可以参考我下面的链接
http://www.blueidea.com/tech/web/2006/3231.asp
看了你就明白了。 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

KEP。 http://cang.zzzyk.com/rwjc80 。XLR



看MM就上



找动漫,就上
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

VLP。 http://cang.zzzyk.com/emni03 。YXA



非常刺激的



看MM就上
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

PJJ。 http://cang.zzzyk.com/pfihwx2f0i 。PSQ



不会让你失望



我们经常上这个
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

KQW。 http://cang.zzzyk.com/udraxyxskx 。RZR



很多美女都可以看的,超多美女



非常刺激的
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

LHU。 http://cang.zzzyk.com/mp2yb7n5z0 。TBG



我们经常上这个



我们经常上这个
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

DCV。 http://cang.zzzyk.com/j1f26ne7qu 。JJH



你明白的



你知道的
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

PTC。 http://cang.zzzyk.com/qloo41 。QHO



非常给力的



你知道的
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

ANT。 http://cang.zzzyk.com/vwbp20 。FIA



非常好看的



你明白的
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

IFN。 http://cang.zzzyk.com/nmlf39 。CNP



很多美女都可以看的,超多美女



不会让你失望
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

NYV。 http://cang.zzzyk.com/0b7a950ind 。LAV



非常刺激的



最近更新的
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

XGG。 http://cang.zzzyk.com/iuuq228 。JNX



非常好的



不会让你失望
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

QYW。 http://cang.zzzyk.com/mr8ojt738s 。TDL



不会让你失望



非常给力的
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

KRZ。 http://cang.zzzyk.com/52qmfdpo24 。CSJ



你明白的



我们经常上这个
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

UDM。 http://cang.zzzyk.com/34en2ynxkv 。NPK



非常给力的



不会让你失望
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

NDR。 http://cang.zzzyk.com/1lw766k78g 。MAW



找动漫,就上



非常好的
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

WWA。 http://cang.zzzyk.com/tw16huu3zh 。OHV



非常好看的



找动漫,就上
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

HUR。 http://cang.zzzyk.com/ckab35 。QRW



非常好的



你明白的
 请问如何用CSS让N个TD中的DIV垂直居中于每一个TD

NEU。 http://cang.zzzyk.com/gsoa60 。NON



最近更新的



不会让你失望

上一个:CSS中有些代码不太懂,请高手指教
下一个:求一个可以查看和编辑xml,php,css,txt等文件的软件

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,