无法在td标记的左上角修复图像 [英] Unable to fix the image on top left in td tag
本文介绍了无法在td标记的左上角修复图像的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
亲爱的所有人，
我要求在一张桌子上放置图像和图像内容。问题是我的图像内容很长而且我在图像位置的抓地力不足td标签和图像在中心安顿下来。任何人都可以帮助我。
Dear All,
I have requirement to have image and image content in a table .And the problem is my content for the image is very long and I am loosing the grip of image location in the td tag and image is settling down in center .Can anyone please help me out of this.
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
</head>
<body>
<h2>Cell that spans two rows:</h2>
<table style="width:100%">
<tr>
<th rowspan="2"><article>"Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain competitors may be the only sustainable competitive advantageSpectacular MountainSpectacular Mountain."
… Arie De Geus, former head of Strategic Planning at Royal Dutch Shell.
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain.</p>
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain.</p>
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain.</p>
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain!</p>
Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain.
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain<p><br>
<br>
- Spectacular Mountain<br>
Spectacular Mountain<br>
<br>
mycompay@microsoft.com<br>
</article></th>
<td>
<table>
<tr>
<td><h2>Spectacular Mountain</h2>
<img src="pic_mountain.jpg" alt="Mountain View" style="width:115px;height:115px;"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>
</body>
</html>
我的尝试：
获取图像及其内容
What I have tried:
Getting the image and it's content
推荐答案
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
</head>
<body>
<h2>Cell that spans two rows:</h2>
<table style="width:100%">
<tr>
<th rowspan="2"><article>"Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain competitors may be the only sustainable competitive advantageSpectacular MountainSpectacular Mountain."
… Arie De Geus, former head of Strategic Planning at Royal Dutch Shell.
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain.</p>
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain.</p>
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain.</p>
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain!</p>
Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain.
<p>Spectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular MountainSpectacular Mountain<p><br>
<br>
<ul>
<li>Spectacular Mountain<br>
Spectacular Mountain<br>
<br>
mycompay@microsoft.com<br>
</article></th>
<td>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><h2>Spectacular Mountain</h2>
<img src="pic_mountain.jpg" alt="Mountain View" style="width:115px;height:115px;"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table></li>
</ul>
</body>
</html>
这篇关于无法在td标记的左上角修复图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
