javascript倒三角形居中

要实现倒三角形的居中，可以采用以下步骤：

1. 设置一个容器元素，设置它的宽度和高度，然后将它的 position 属性设置为 relative，这样后面我们的绝对定位元素将会以这个元素作为相对定位的基准。

2. 创建一个伪元素，使用绝对定位把它放在容器元素的中间。可以使用以下 CSS 代码实现：

   .container::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 0;
     height: 0;
     border-left: 50px solid transparent;
     border-right: 50px solid transparent;
     border-top: 100px solid #000;
   }

3. 设置三角形的样式，包括边框颜色、宽度和高度等。

下面是完整的 CSS 代码：

.container {
  width: 200px;
  height: 200px;
  position: relative;
}

.container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid #000;
}