小编sam*_*uli的帖子

我有一个以下div:

div {
  width: 0px;
  height: 0px;	
  border-left: 	126px solid transparent;
  border-right: 	126px solid transparent;
  border-bottom: 	126px solid #D30000;
  position: relative;
  left: 55%;
  top: 40px;
  display: table-cell;
  text-align:center;
  vertical-align: bottom;
}

<div>Triangle</div>

以下对齐三角形文本如下:

                    _Triangle_
                   /          \
                  /            \
                 /              \
                /                \
               /________________  \

我想要完成的是:

                       /\
                      /  \
                     /    \
                    /      \
                   /        \
                  / Triangle \

如何将文本推送到三角形div的底部而不必将其包装在标签中？对我来说使用position:relative是很重要的; 因为绝对没有用.但是,即使我删除职位:亲属; 文本仍然没有到div的底部.它保持在顶部,三角形的顶角被切掉,使形状看起来像一个梯形.