Добавление элемента с абсолютным расположением

Question

Как разместить элемент, который просто добавлен? Я пробовал добавить html с встроенным css (абсолютным + левым), но браузер игнорирует левое правило css.

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

x-tick - позиция абсолютная.

Извините, проблема в том, что я не включил 'px' после номера, и я не могу удалить свой вопрос. Держи его в руках.

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>');