附加绝对定位元素

Question

如何定位刚刚追加的元素？我尝试使用内联css（绝对+左）附加html，但浏览器忽略了左css规则。

$(elem).append('<div class="x-tick" style="left: 10">'+dateStr+'</div>');

x-tick绝对是位置。

很抱歉问题是我没有包含＆＃39; px＆＃39;数字后，我无法删除我的问题。保持真实，你好。

Answer 1

你可以为这个类编写css，它应该可以工作。像这样的绝对中心元素：

.x-tick { position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) }

然后你像上面那样在这个类中附加div：

$(elem).append('<div class="x-tick">'+dateStr+'</div>');

对于内联css，你会写这样的东西：

$(elem).append('<div class="x-tick" style="position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)">'+dateStr+'</div>');