表格单元格内容：在HTML中对齐文本左上角和中间图像

我有一个html表格。 此表的内容是文本和图像。我将对齐左上角的文字和中间的图像（垂直对齐）。 我试着这样做：

CSS:

HTML:

文本

但通过这种方式，我获得了单元格左上角对齐的所有内容（文本和图像）。

---

有什么建议吗？

这里有一个简单的例子：

表格{
边框：1px实心#000；
}
表tr{
高度：200px；
}
表td{
宽度：200px；
文本对齐：居中；
}
.textNode{
文本对齐：左对齐；
填充：0；
保证金：0；
垂直对齐：顶部；
}
.imgNode img{
宽度：75px；
保证金：自动；
}

这是文本

使用此选项可能会对您有所帮助
文本

您这样做是为了电子邮件吗？如果是这样的话，内联样式就可以了（虽然不能在所有电子邮件客户端中工作，所以有一个默认设置）

如果你发邮件的时候

<table>
    <tr>
        <td align="center">
             <table width="100%">
                  <tr>
                        <td align="left">This is text</td>
                  </tr>
             </table>
             <br/><br/>
             <img src="http://s27.postimg.org/fs9k8zewj/cow1.png">
             <br/><br/><br/><br/>
        </td>
    </tr>    
<table>

<table>
    <tr>
        <td class="content">
            This is text
            <img src="http://s27.postimg.org/fs9k8zewj/cow1.png">
        </td>
    </tr>    
<table>

---

您好，谢谢您的回答，但我不能为元素设置固定高度。我只会将图像定位在单元格的中心。这就像图像的垂直对齐不起作用……我已更新了我的答案和链接，只需一行（高度：200px）从CSS和它应该工作，因为你想它。是的，你是对的！这是一个电子邮件模板！我发现，在Outlook中，我获得了正确的行为，但在IE中没有。非常感谢！非常有用！不用担心，电子邮件模板可以是一个痛苦的。如果你发现任何其他错误，让我知道，我可以更新我的答案。也一定要适用于你想要的细胞有一个白色的背景，因为有些版本的outlook在其他方面会做得很好。此外，gmail你可以应用一些主题，比如不透明的背景。很明显，你在使用电子邮件模板时遇到了很多麻烦哈哈，谢谢！

Use this may help you   

<table width="100%">
        <tr>
        <td id="tabella" style="padding:6px 8px; border-left: 1px solid #eeeeee;">text</td>
        <td><img id="variante" width="75" border="0" src="www.favetta.com/image.png"></td>

        </tr>    
    <table>

<table>
    <tr>
        <td align="center">
             <table width="100%">
                  <tr>
                        <td align="left">This is text</td>
                  </tr>
             </table>
             <br/><br/>
             <img src="http://s27.postimg.org/fs9k8zewj/cow1.png">
             <br/><br/><br/><br/>
        </td>
    </tr>    
<table>

<table>
    <tr>
        <td class="content">
            This is text
            <img src="http://s27.postimg.org/fs9k8zewj/cow1.png">
        </td>
    </tr>    
<table>

table{
    border:1px solid grey;
    width:100%;
}
.content{
    text-align:left;
}
.content img{
    width:75px;
    vertical-align:middle;
    transform: translate(-50%, -50%);
    margin: 100px 50% 50px 50%; 
}