我试图让我的文本与旁边单元格中图像的顶部对齐。 vertical-align top 似乎不起作用?我认为目前它正试图相对于另一个细胞居中。也许有更好的方法来使用花车或其他东西来做到这一点?
这是 CSS:
table#body1 {
padding: 0px;
vertical-align: top;
margin-bottom: 10px;
margin-top: 5px;
}
td#images {
width: 30%;
}
td#text {
width: 70%;
padding-left: 15px;
text-align: justify;
vertical-align: top;
}
和 HTML:(所有的 div 都是内联 block 元素,如果有区别的话)
<table id="body1">
<tr>
<td id="images"><img class="halfimg1" src="titania2.jpg" alt="Queen Titania"><br></td>
<td id="text">
<div id="header">Wander in these woods.</div><br>
This is some Text.<br>
<div id="caption"><br>This is my caption.</div>
</td>
</tr>
</table>
在此先感谢您的帮助!
最佳答案
添加垂直对齐:顶部;以及 td#images。
关于html - 在表格单元格中将文本对齐到顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37473515/