我正在为公司开发一个网站。我已经做了一张桌子,现在他们说td也必须是一个链接。问题是一个td有三行,三行必须是相同的链接标记。我在链接中使用了一个段落标记来更改行高,因为他们希望三行具有较少的行间距,但它留下了必须删除的顶部空间。我尝试过更改margin-top,padding-top,td height ...似乎没什么用。如果有人可以帮助我,我会很感激。
谢谢。
这是我的代码:
<table>
<tr>
<th>COMUNITAT</th>
<td><a href="#">Bé comú</a></td>
<td><a href="#">Glocalitat</a></td>
<td><a href="#">Cercle</a></td>
<td><a href="#">Lideratge</a></td>
<td><a href="#">Comunicació</a></td>
<td><a href="#">Famílies</a></td>
</tr>
<tr>
<th>EDUACIÓ</th>
<td><a href="#">Aprenentatge</a></td>
<td><a href="#">Qualitat</a></td>
<td><a href="#">Idiomes</a></td>
<td><a href="#">Personalització</a></td>
<td><a href="#">Llenguatges</a></td>
<td><a href="#">Creativitat</a></td>
</tr>
<tr>
<th>CARÀCTER</th>
<td><a href="#">Identitat</a></td>
<td><a href="#">Espiritualitat</a></td>
<td><a href="#">Fet religiós</a></td>
<td><a href="#">Equitat</a></td>
<td><a href="#">Passió</a></td>
<td><a href="#">Rol educador</a></td>
</tr>
<tr style='border:none !important; vertical-align: top;'>
<th>ENTORN</th>
<td>
<a href="#">
<p>Escola<br/>Universitat<br/>Empresa</p>
</a>
</td>
<td><a href="#">Oberts</a></td>
<td><a href="#">Tecnologia</a></td>
<td><a href="#">Arquitectura</a></td>
<td><a href="#">Oferta</a></td>
<td><a href="#">Transformadors</a></td>
</tr>
</table>
这是我的实际CSS:
table a p {
font-size: 100%;
text-align: left;
line-height: 1;
}
编辑:这是它目前的样子。