css 如何将td发送到表上,使其分解

9nvpjoqh  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(112)

是否可以分解最后一个td,但不能使用tr

<!DOCTYPE html>
<html>
<head>
<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
</style>
</head>
<body>

<h2>HTML Table</h2>

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
     <td>THis I need Down row</td>
  </tr>
</table>

</body>
</html>

因此,我需要的是每行的最后一个td,以向下填充所有部分。我重复一遍,我不希望它像我需要的一样,在同一行上是其他td

byqmnocz

byqmnocz1#

我花了一分钟的时间来记住如何在没有jquery的情况下完成这项工作,但这里有一个普通的javascript解决方案。
第一个

相关问题