CSS 图像垂直对齐

Question

我正在尝试(垂直)对齐单元格中的标志，但没有成功。

这是我想要做的一个例子:http://jsfiddle.net/yc6tscto/

您能告诉我出了什么问题以及该怎么做吗？

<div class="tableCell">

法语、荷兰语、德语

谢谢

Answer 1

尝试定义您的

div.tableCell display:table; 并定义您的

.image 显示:表格单元格；垂直对齐:中间

像这样

div.tableCell {
    background-color: #e1e1e1; 
    display: table;   
}

.image {
    display: table-cell;
    vertical-align: middle;
}

<强> Demo

--------------

第二个选项请根据此更改您的 html 和 css，尽管这与您要求的不同。

<强> check to this fiddle demo 2