Question

我正在尝试垂直对齐图像和标题。我想在一张桌子里这样做，因为它应该是某种菜单。所以这些“细分市场”更多。 img和标题必须在我的菜单的某些进一步功能的同一个td元素中...

我尝试过 vertical-align：middle ， display：inline-block ＆amp; table-cell 等等。但似乎没有什么对我有用。 h2元素似乎忽略了所有这些想法并坚持到顶部。

img{float: left; height:100px; width:auto}
td{width: 300px; verical-align:middle}

<table><tbody>
    <tr>
        <td>
            <img src="http://placehold.it/70x70">
            <h2>TEXT</h2>
        </td>
        <td>
            <img src="http://placehold.it/70x70">
            <h2>TEXT</h2>
        </td>
    </tr>
</tbody></table>

这是我的问题https://jsfiddle.net/0x48n7qL/

的小提琴

我如何实现这一目标？我错过了什么？

修改图像的实际尺寸以及因此行的高度是相对于页面的大小所以我不能使用固定的高度值。

Answer 1

向你的h2添加这些属性：

'EventFeed' object has no attribute 'kwargs'

https://jsfiddle.net/0x48n7qL/1/

中心img＆amp; h2垂直在表中

1 个答案: