У меня есть большой файл HTML, содержащий несколько элементов диапазона. Я не могу контролировать содержимое файла, так как он был мне предоставлен. Я пытаюсь поместить содержимое элементов в элемент span ...

0
sy-huss 9 Апр 2021 в 23:03

1 ответ

Лучший ответ

Если это решение помогает OP, я добавлю сюда описание.

div {
    display: grid;
    grid-auto-flow: dense;
    gap: 10px;
}

div span:nth-child(-n+12) {
    grid-column: 1;  
}

div span:nth-child(n+13) {
    grid-column: 2;  
}

div span {
    border: 1px solid;
    padding: 5px;
}
<div>
<span class='entity'>payment</span>
<span class='stage'>Type Of Payment</span>
<span class='desc'>Type</span>
<span class='control'>type</span>
<span class='desc'>Primary Customer</span>
<span class='control'>customer</span>
<span class='id'>ConditionBranchStep445</span>
<span class='desc'>Leaseholder</span>
<span class='stageid'>4decd3c7-4bd4-3149-428c-ab2613eac80a</span>
<span class='parentstage'>87f11531-0493-4f5a-86d2-c8be0c23678f</span>
<span class='id'>ConditionBranchStep447</span>
<span class='desc'>General Payment</span>

<span class='entity'>Vendor</span>
<span class='stage'>Type Of Card</span>
<span class='desc'>Type</span>
<span class='control'>type</span>
<span class='desc'>Secondary Customer</span>
<span class='control'>customer</span>
<span class='id'>ConditionBranchStep445</span>
<span class='desc'>Leaseholder</span>
<span class='stageid'>4decd3c7-4bd4-3149-428c-ab2613eac80a</span>
<span class='parentstage'>87f11531-0493-4f5a-86d2-c8be0c23678f</span>
<span class='id'>ConditionBranchStep447</span>
<span class='desc'>General Payment</span>
</div>
0
s.kuznetsov 9 Апр 2021 в 21:25