Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使带有图像的文本在表格中垂直居中对齐_Html_Css - Fatal编程技术网

Html 如何使带有图像的文本在表格中垂直居中对齐

Html 如何使带有图像的文本在表格中垂直居中对齐,html,css,Html,Css,我想垂直居中的文字,但不知道如何,你可以看到我试图实现小提琴下面 尝试以下CSS: td { vertical-align: middle } img { vertical-align: middle } 这里有一个更新:试试这把小提琴 -我使用了行高css属性来修复此问题 您使用而不是更常见的*有什么特别的原因吗?这只是一个选项,即使使用块元素,这种方法也会起作用,例如,不能使用“td{vertical align:middle}”。 td img, td span{ display

我想垂直居中的文字,但不知道如何,你可以看到我试图实现小提琴下面

尝试以下CSS:

td { vertical-align: middle }
img { vertical-align: middle }

这里有一个更新:

试试这把小提琴

-我使用了行高css属性来修复此问题

您使用
而不是更常见的
*
有什么特别的原因吗?这只是一个选项,即使使用块元素,这种方法也会起作用,例如,不能使用“td{vertical align:middle}”。
td img, td span{
    display:inline-block;
    .display:inline;
    .zoom:1;
    vertical-align:middle;
}