表有3个标题但有两列

Question

有没有办法使用HTML / CSS来做这种类型的表？

document.querySelector(".btn").addEventListener("click", function(){
 var strg = document.querySelector(".screen").value;
 var pal = strg.split("").reverse().join("");
 if (strg == pal) {
   console.log(strg+" is a palindrome");
 } else {
   console.log(strg+" is not a palindrome");
 }
})

Answer 1

如果您有<table>标记，则<td colspan=2>会对您有所帮助。 如果您希望使用<div> s和纯CSS，那么您将需要所谓的grid systems

Answer 2

通过使用<table> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> <tr> <td>0</td> <td colspan="2">1 asdasdasdasd 7</td> </tr> <tr> <td>2</td> <td colspan="2">5 asdasdasdasd 3</td> </tr> <tr> <td>9</td> <td colspan="2">7 asdasdasdasd 2</td> </tr> </table> ，您可以使单元格跨越多列。

$(function(){
  var currentLocation = window.location.hostname;
  var lastLocation = document.referrer;
  if (lastLocation.indexOf(currentLocation) > -1) {
  } else {
    mixpanel.track("New Session", {});
  }
  mixpanel.track("Page View", {});
});