0

嗨，我需要一张如下图所示的表格

在此处输入图像描述

但我不知道如何安排这样的图像。所以这是当前代码

 <!DOCTYPE html>
<html>
<body>

<table id="tab" border="1">
<tr>
  <td><img align ="center" border="0" src="/images/cam.jpg"  width="15px" height="15px"></td>
  <td><img align ="center" border="0" src="/images/gal.jpg"  width="15px" height="15px"></td>
  <td><img align ="center" border="0" src="/images/chat.jpg"  width="15px" height="15px"></td>
</tr>

</table>

</body>
</html>

在这里检查：http: //pastebin.com/HLPdDNyg

4

2 回答 2

1

试试这个，

table
{
    border:1;
    width:500px;
}
td
{
     border:0;
    width:150px;
    height:150px;
    text-align:center;
}
td img
{
    vertical-align:middle;
}

http://jsfiddle.net/9AxmR/2/

于 2013-11-11T07:38:23.890 回答
1

现场演示

<table id="tab" >
<tr>
  <td><img src=""></td>
  <td><img src=""></td>
  <td><img src=""></td>
</tr>
</table>

CSS：

#tab{
  border-collapse:collapse;
}
#tab td{
  background:#eee;
  width:100px;
  text-align:center;
  padding:0 15px;
}
#tab td img{
  vertical-align:middle;
}
于 2013-11-11T07:40:58.053 回答