小编Jac*_*ors的帖子

我正在使用cfdocument在ColdFusion中创建PDF.我需要制作一个倾斜的标题行的表格,以便它全部适合页面.这是我想要完成的一个例子.到目前为止,我找到的HTML或CSS示例都没有奏效.现在我想知道这是否是特定于ColdFusion和/或PDF创建的怪癖.我知道这段代码直接来自这里类似问题的答案,但它并没有在我的PDF中创建一个带有斜柱的表.它创造了这个.

//CSS
* {
  box-sixing: border-box;
}

.outerDiv {
  background: grey;
  height: 200px;
  width: 100px;
  border: 1px solid black;
  border-bottom: 0;
  border-left: 0;
  transform: skew(-30deg) translateX(58%);
}

th:first-child .outerDiv {
  border-left: 1px solid black;
  position: relative;
}

.innerDiv {
  position: absolute;
  width: 250px;
  height: 85px;
  bottom: -34%;
  left: 10px;
  transform: skew(30deg) rotate(-60deg);
  transform-origin: 0 0;
  text-align: left;
}

body,
html {
  height: 100%;
}

body {
  display: flex;
  justify-content: center;
}

table {
  border-collapse: collapse;
}

td {
  border: …