保证金最低/最高

时间:2016-05-06 09:15:27

标签: html css

我正在为公司开发一个网站。我已经做了一张桌子,现在他们说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;
}

编辑:这是它目前的样子。

TABLE ACTUAL LOOKING

0 个答案:

没有答案