如何使图像在html表中很好地对齐？

Question

问题是：书籍封面不适合表格单元格。我想让它看起来整洁干净。

我想在我的博客上添加最好的开发者书籍封面。但是，我很难将它们对齐。我用＆lt; td＆gt; **表格第一行和第二行的标签。不是** 。

我知道设计太可怕了。 给我关于如何改进整个表格的其他评论。 图像在每个单元格中都没有边界。

---

是否有一个特殊的工具来制作更好的桌子？

Answer 1

  

是否有一个特殊工具可以制作更好的表格？

是的，它叫做CSS。

可能会改善表格外观的示例CSS将是：

table {
    border-collapse: collapse;
    width: 500px; /* 500px is an example */
}
table td {
    text-align: center;
    padding: 0.5em;
    border: 1px solid gray;
}
table td img {
    max-width: 100px; /* divide 500 by the amount of books per row */
}

直接在http://jsfiddle.net/46zUZ/6/

查看

开始学习CSS的好地方是http://htmldog.com/guides/css/