html - 在 <td> 中对齐图像,而不必是背景

标签 html css html-table position

我正在尝试使用 <table> 创建产品列表因为它基本上是一个包含行和列的表格。

我想让其中一列列出元素状态是可用还是不可用,如果可用,我想用绿色小图标表示,否则用红色图标表示。我还希望该图标可以单击以进行更改。

所以我用 Google 搜索了一下,发现如果它是背景图片我可以定位它,但我希望它可以点击,所以这不太好。

我已经尝试了所有的垂直对齐和居中等。我已经阅读并尝试了边距和填充以及各种方法,但我无法让我的小图标图像位于中间(水平和垂直)我的小<td> .

清除一些东西:

我只想知道如何在 <td> 中对齐图像.图片本身就是 anchor ,当它被点击时,页面会重新加载并且图标会发生变化。我试过将这张图片放在 <td> 中但不能。这就是我的问题:如何定位它?

最佳答案

不确定为什么难以在表格单元格内对齐图像。表格包含许多有助于对齐的有用属性。下面是一个示例表格,其中的图像与表格单元格的中心对齐。

http://jsfiddle.net/Puppies4Life/zka5Q/

关于html - 在 <td> 中对齐图像,而不必是背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11659487/

相关文章:

javascript - 使用 $window.load 时出现 jQuery 错误

css - 将超棒的字体图标居中对齐

php - 无法获取包含所有查询结果的表

html - 用于打印的表行 (<tr>) 分页符的防弹解决方案

html - 排除某些特定复选框的具体化 css

css - Blogspot 模板中的 Div 对齐问题

html - 如何让我的 flexbox 网格有 2 行和 3 列,但仍然居中?

javascript - 根据 Container 的高度垂直流动元素

html - CSS,垂直对齐表格单元格中的 anchor

html - 如何通过将表格排列在表格顶部来内联显示表格