Html div元素问题

Question

我有一个div，我在下面的图片中使用::插入三角形图像

如果括号中的数字增加，则div向左移动，但我想将其固定在中心。我怎么能这样做？

我正在尝试以下代码

.popup::after {
   background: rgba(0, 0, 0, 0) url("drp_arw.png") no-repeat scroll center 0;
   bottom: -25px;
   content: "";
   height: 25px;
   left: 450px;
   position: absolute;
   width: 50px;
}   

Answer 1

试试这个：https://jsfiddle.net/46eh1hf7/1/ ::after元素与父母一样长，因此居中的背景确保箭头保持在正确的位置。

编辑： 试试这个 - http://jsfiddle.net/4na8ujvk/4/它并不完美但可能会有用。