html - 表格单元格问题中的图像?

标签 html css html-table

这真的让我很头疼。我在表格行中有 6 张图片。除了第一个图像,每个图像都小于 65px .但是,第一张图片大于 65px .当我将表格的高度设置为 65px , 并将图像设置为 100% 的高度,图像或表格会忽略这一点,表格会扩展到 Logo 的高度。我该如何解决这个问题?我想使用 <img>标记,而不使用 CSS background-image属性(property)。

另外,我注意到除了第一个图像之外的所有图像都在中间垂直对齐。为什么第一个不像其他的?

我正在为移动设备开发这个。

这是我的表格布局:

<table>
    <tr>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
        <td><a><img/></a></td>
    </tr>
</table>

最佳答案

您必须指定 height:65px;<td> 上不在 <table>

看到这个 fiddle

它应该可以解决您的问题。

关于html - 表格单元格问题中的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20764530/

相关文章:

css - 已弃用的 CSS 属性列表

css - Angular Material mat-sidenav 宽度比 CSS 中设置的宽度小 1 个像素

php - 使用 jQuery 计算 keyup 的值

jquery - 通过 jQuery 中的多个和混合选择器访问

php - 如何通过用 0 填充中间来生成具有正确长度的票证 ID

HTML 链接无效

jquery - 在 jQuery 中为具有特定类的所有元素添加 css 样式

jquery - 如何使 Jquery Mobile 1.3 ListView(仅)从右到左(R2L)?

html - FontAwesome 4.3.0 图标无法在我的网站上正确显示

html - 显示 TD 为 bock 不一致