Html 如何在表格单元格中居中放置文本和图像？_Html_Css Sprites

Html 如何在表格单元格中居中放置文本和图像？

html

Html 如何在表格单元格中居中放置文本和图像？,html,css-sprites,Html,Css Sprites,这是一个简单的网页。我希望文本和图像在单元格中垂直居中。我想文本的左边的图像，但这应该不是一个问题你能帮忙吗 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l

这是一个简单的网页。我希望文本和图像在单元格中垂直居中。我想文本的左边的图像，但这应该不是一个问题

你能帮忙吗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
    <link href="default.css" rel="stylesheet" type="text/css" />

</head>

<body>

<table border="1" style="width: 100%">
    <tr>
        <td class="style1">Text<img src="PdfLink.jpg" alt="Whatever"/></td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td></td>
        <td>&nbsp;</td>
    </tr>
</table>

</body>

</html>

更新：

我收回了以前的一些评论，包括说埃文的回答有效

以下措施奏效了。请注意“*”。埃文的回答没有包括这个问题。“”是什么意思

.1*{ 垂直对齐：中间对齐；

}

因为您正在使用表格进行格式化。只需添加

.style1{vertical align:middle}

。文本应保留在图像的左侧。

星号表示“该类的任何后代”；不过，使用它时要小心，因为这意味着所有子元素都将接收特定的样式

注意1：注意CSS中的右大括号太多了

注2：另外，如果文本大于图像，您收到的另一个答案将不起作用。您没有给出图像的大小。

我投票给您，我可能会将您的回答标记为答案，因为您从技术上回答了问题，但我想暂时打开问题，看看是否有人会回答我的后续问题。“*”将匹配任何元素，因此选择器的内容如下“选择任何元素，该元素是类为style1的元素的后代”。

body{

    font-size:12pt;
    }
}