Question

我正在尝试创建电子邮件签名生成器。我试图让蓝线（可以在程序中看到）一直向下伸展。但是，当我这样做时，它会拉伸其余的项目。我相信这可能是因为它全部都在一个表中，并且当一个元素的大小与其他元素的大小不同时，它会尝试将其等同，但我不确定如何更改它。这是我的代码：

＆＃13;

table {
  display: inline-block;
}

#image {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.spacer {
  width: 30px;
}

hr {
  height: 200px;
  width: 7.5px;
  border-radius: 20px;
  border: none;
  background-color: cornflowerBlue;
}

#fullName {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  color: orange;
}

#job {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  padding-top: 11px;
}

#jobLocationText {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  padding-top: 6px;
}

＆＃13;

<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
  <tr>
    <td>
      <img src="https://vignette2.wikia.nocookie.net/mafiagame/images/2/23/Unknown_Person.png/revision/latest?cb=20151119092211" id="image">
    </td>
    <td class="spacer"></td>
    <td>
      <hr>
    </td>
    <td class="spacer"></td>
  </tr>
  <tr>
    <td>
      <center>
        <div id="fullName">Billy Staples</div>
      </center>
    </td>
  </tr>
  <tr>
    <td>
      <center>
        <div id="job"><i>Programmer</i></div>
      </center>
    </td>
  </tr>
  <tr>
    <td>
      <center>
        <div id="jobLocationText">at the <b id="jobLocation">HTML hub</b></div>
      </center>
    </td>
  </tr>
</table>

＆＃13;

可以找到工作版here。

同样，我试图在高度变化（比如说300或者其他东西）时得到hr（在CSS中），它不会用它拉伸表的其余部分。如果您对我如何能够以不同方式执行我的表格有一个想法，以便它可以更容易或只是为了我可以解决这个问题，欢迎提出建议！

提前致谢！

Answer 1

使用char* subCstring(char * inStr, int start_index, int end_index) { char * sub = new char[end_index]; sub[end_index] = '\0'; strncpy(sub, inStr+start_index, end_index); return sub; }将rowspan=""拉伸，

<hr>

以下是您的更新代码https://jsfiddle.net/he84kv8n/10/

Answer 2

<hr>是一个水平规则（分隔符），将其弯曲为垂直规则（分隔符）是一个很可能难以使用的用例任何人都在看你的代码来破译。

我建议在表格单元格上使用CSS border属性，这将自动为正确的大小。

HR（垂直线）拉伸表的其余部分

2 个答案: