Кто-то еще задал похожий вопрос здесь , но ответ работает только в том случае, если каждый элемент на странице размещается автоматически и занимает только один столбец.
У меня есть сетка с 12 столбцами, в которой все первые три строки заняты одним элементом, который охватывает все двенадцать столбцов; затем у меня есть три ряда автоматически размещаемых элементов, каждый из которых занимает шесть столбцов.
Хотя я мог бы сделать математику, чтобы решить эту проблему на основе этого предыдущего ответа, кажется несколько абсурдным думать, что вычисленное расположение элемента не сохраняется нигде, доступном для Javascript.
Если я получаю доступ к вычисленным свойствам CSS, относящимся к сетке, я просто получаю «auto» и «span 6», а не фактическое вычисленное число начала строки или конца строки. Неужели нет способа получить доступ к вычисленному значению grid-row и grid-column?