+ -
当前位置:首页 → 问答吧 → 表格TD的居中问题

表格TD的居中问题

时间:2011-09-17

来源:互联网

弱弱得问一下:如何让表格td里的按钮和图片都保持在垂直居中、看代码
HTML code
<!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" />
<title>无标题文档</title>
</head>

<body>
<table border="1" width="500px">
<tr>
<td>sdfsdf</td>
<td>
<div style="float:left"><input type="button" value="CLICK" /></div>
<div style="float:left"><img src="http://d1.yihaodian.com/t1/2011/08/18/2373608_60x60.jpg" width="50px" /></div>
</td>
</tr>
</table>
</body>
</html>

作者: cwc6547954   发布时间: 2011-09-17

要嵌套
不要把一个复杂的定位放在一个层次里面

具体就是

先在 你的td中 放一个 容器 (比如 div table 等)
让该容器 居中

然后 在该容器中 放置你要显示的内容 你的2个div

一层一层的消解问题

作者: KK3K2005   发布时间: 2011-09-17

在<td>标签中添加align属性 设置为center。

作者: deron7   发布时间: 2011-09-17

热门下载

更多