gpt4 book ai didi

html - 如何将表格中的图像对齐到一行或其他内容的右侧?

转载 作者:太空宇宙 更新时间:2023-11-03 21:44:43 25 4
gpt4 key购买 nike

我尝试创建一个时事通讯,因为我听说我们应该使用表格而不是 div,这样就不会有任何设计问题。

所以我在这里尝试的是 Logo 应该在最右边,我尝试使用 rowspan 可能我以错误的方式使用它,我不知道。

它应该变成这样:

enter image description here

HTML

<body>
<table align="center" border="1" cellpadding="0" cellspacing="0" width="600">
<tr>
<td>
<h1 style="font-size: 24px; font-weight: bold; text-transform: uppercase; color: #444444 !important; margin: 0px; padding: 0px;">
Newsletter
</h1>
</td>
</tr>
<tr>
<td>
<h3 style=
"color: #444444 !important; font-weight: normal; letter-spacing: 2px; font-size: 18px; margin: 0px; padding: 0px 0px 8px;">
small tagline for newsletter</h3>
</td>
</tr>
<tr>
<td rowspan="2">
<img alt="news" src="http://i.stack.imgur.com/qjKPW.jpg" />
</td>
</tr>
<tr>
<td>

</td>
</tr>

</table>
</body>

JSFIDDLE

如上图如何把图片调到右边。我使用 border 作为引用。一旦图像移到右侧,我们就会将其删除。

最佳答案

您将不得不使用 rowspan而不是 colspan

<td rowspan="2">
<img alt="news" src="http://i.stack.imgur.com/qjKPW.jpg" />
</td>

Demo

关于html - 如何将表格中的图像对齐到一行或其他内容的右侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21181385/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com