0

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

你能帮忙吗？

<!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>

默认.css。添加到您认为合适的位置。

body{

    font-size:12pt;
    }
}

更新：

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

以下工作。注意“*”。埃文的回答不包括. “ ”是什么意思？

.style1 * { 垂直对齐：中间；}

4

2 回答 2

1

因为您正在使用表格进行格式化。只需添加.style1 { vertical-align: middle }. 文本应保留在图像的左侧。

于 2010-03-02T00:28:11.710 回答
1

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

注意 1：请注意，您的 CSS 中有太多右大括号。

注意2：此外，如果文本大于图像，您收到的其他答案将不起作用。你没有给出图像的大小。

于 2010-03-02T00:52:10.253 回答