个人中心
gpt4 book ai didi

HTML 签名，图像没有放在文本旁边

转载 作者：太空宇宙 更新时间：2023-11-03 22:12:10 27 4
gpt4 key购买 nike

我有一个签名，我需要在签名旁边添加图片。但我不确定 css 的确切程度和内容。目前它显示在文字下方，我应该把图片放在哪里？在相同的 tr 或 td 中？

    <BODY style="font-size:10pt; font-family:Segoe UI, sans-serif;">
    
    <table cellpadding="0" cellspacing="0">
     <tbody style="vertical-align:top;">
    
      <tr>
       <td colspan="2" style="font-size:11pt; padding-bottom:10px; padding-top:0; padding-left:0; padding-right:0; vertical-align:top;" valign="top"><span style="font-weight: bold; color:#123E93">John Smith</span><br>
         <span>Sales Team</span></td>
      </tr>
      <tr>
       <td colspan="" style="font-size:8pt; padding-bottom:10px; padding-top:0; padding-left:0; padding-right:0; vertical-align:top;" valign="top">
        <span style="color:#123E93">Mobile </span><span>+359 88888888</span><br>
        <span style="color:#123E93">E-mail </span><a style="text-decoration: underline; color: #2a2a2a;" href="mailto:email@gmail.com"><span>email@gmaail.com</span></a><br>
        <span style="color:#123E93">Skype </span><span>skype ID</span><br>
        <span style="color:#123E93">Web </span><a style="text-decoration: underline; color: #2a2a2a;" href="https://www.something.com/" target="_blank"><span>https://something.com/</span><br></a>
       </td>
      </tr>
     <tr>
       <td>
        <img src="png">
       </td>
      </tr>
    </tbody>
  <table>

最佳答案

虽然您可以通过多种方式做到这一点，但让我们试试这个:

我看到您正在尝试使用 colspan你是否需要 rowspan .如果你真的想使用表格里面的图像。最好和最简单的事情是创建一个额外的 <td>仅在第一行并使用 rowspan=2放大到下一行，如下所示:

<table>
  <tbody>
    <tr>
      <td style="font-size:11pt; padding-bottom:10px; padding-top:0; padding-left:0; padding-right:0; vertical-align:top;" valign="top"><span style="font-weight: bold; color:#123E93">John Smith</span><br>
      <span>Sales Team</span></td>
      <td rowspan="2" ><img width="150" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/Kazuki_Nakajima_2008_Britain.jpg/1200px-Kazuki_Nakajima_2008_Britain.jpg"></td>
    </tr>
    <tr>
      <td colspan="" style="font-size:8pt; padding-bottom:10px; padding-top:0; padding-left:0; padding-right:0; vertical-align:top;" valign="top">
      <span style="color:#123E93">Mobile </span><span>+359 88888888</span><br>
      <span style="color:#123E93">E-mail </span><a style="text-decoration: underline; color: #2a2a2a;" href="mailto:email@gmail.com"><span>email@gmaail.com</span></a><br>
      <span style="color:#123E93">Skype </span><span>skype ID</span><br>
      <span style="color:#123E93">Web </span><a style="text-decoration: underline; color: #2a2a2a;" href="https://www.something.com/" target="_blank"><span>https://something.com/</span><br></a>
      </td>
    </tr>
</tbody>
    </table>

关于HTML 签名，图像没有放在文本旁边，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58855637/

27 4 0
文章推荐： html - 如何将水平线放在两个兄弟

标签下

文章推荐： node.js - 如何在node js中使用多个内容发送邮件？
文章推荐： javascript - 如何解决express.js中的 “Cannot find module”(自定义模块)错误
文章推荐： c++ - 如何使用 OpenCV 和 C++ 检测车牌中的数字？