如何在表

Question

我有一张包含会员姓名的表格。我有数据的名称，然后是元素，即当前的排名，标题，因为与公司等。我希望它们出现在右下方没有任何空格，通常在p标签后看到。我已经在这里和其他地方读过解决方案了，我已经尝试了一个似乎没有提供我需要的效果。

line-height: 5px; font-size: 5px;的CSS我从建议的14中修改为5.我看到了一个改变，但不知道我能走多远，为零？然后，我需要修改网格中元素的字体大小，其名称大于其他元素，目前这似乎有效。 CSS中的第二项（font-size: 5px;）是否与此冲突？

最后一个问题是，当我将浏览器的大小调整为小时，移动网站会启动并且文本保持相同的大小和包装。

p {
  margin: 0;
  padding: 0;
}

table td {
  line-height: 0;
  font-size: 0;
}

table td p {
  line-height: 5px;
  font-size: 5px;
}

#first {
  font-size: 14pt;
}

#second {
  font-size: 12pt;
}

#third {
  font-size: 10pt;
}

<table border="0" style="width: 100%;" cellpadding="0">
  <tbody align="center">
    <tr>
      <td>
        <p id="first">Tom Johns</p>
        <p id="second">Test Test</p>
        <p id="third">Life Member 1912</p>
      </td>
      <td>
        <p id="first">Bob Jones</p>
        <p id="second">Past Chief</p>
        <p id="third">Member Since 1923</p>
      </td>
    </tr>
  </tbody>
</table>

Answer 1

＆＃13;

＆＃13;

to_internal_value

＆＃13;

p {
  
  padding: 0;
}

table{
  border-spacing: 0;
  border-collapse: collapse;
  border:thin black solid;
}

table td {
  line-height: 0;
  font-size: 0;
}

table thead tr th{
  border-bottom:thin black solid;
  padding: 5px;
}


table tbody tr td{ /* give padding as per your need */
  border-bottom:thin black solid;
  padding: 5px;
}

table td span {
  display:block;
  line-height:1.2;
}

.first {
  font-size: 14pt;
}

.second {
  font-size: 12pt;
}

.third {
  font-size: 10pt;
}

＆＃13;

＆＃13;

＆＃13;

而不是<table border="0" style="width: 100%;" cellpadding="0"> <thead> <tr> <th>Heading 1</th> <th>Heading 2</th> </tr> </thead> <tbody align="center"> <tr> <td> <span class="first">Tom Johns</span> <span class="second">Test Test</span> <span class="third">Life Member 1912</span> </td> <td> <span class="first">Bob Jones</span> <span class="second">Past Chief</span> <span class="third">Member Since 1923</span> </td> </tr> <tr> <td> <span class="first">Tom Johns</span> <span class="second">Test Test</span> <span class="third">Life Member 1912</span> </td> <td> <span class="first">Bob Jones</span> <span class="second">Past Chief</span> <span class="third">Member Since 1923</span> </td> </tr> </tbody> </table>使用id来提供多种风格。

希望这有帮助。