HTML DD, пустая ячейка не занимает равное пространство ⇐ Html

[Anonymous]

Я использую структуру dl dd dd html для создания сетки. Все работает нормально. Но если какая -либо ячейка DD не имеет значения или если она пуста, то она не занимает равное пространство или ширину, как сравнивается с оцененной ячейкой DD. < /P>
мы можем увидеть на изображении ниже (первая строка, третья ячейка). Если ячейка/DD пуста, то она не занимает равное пространство. А также беспокоит пространство другой ячейки первой строки.
Мне нужно расположить первую строку так, чтобы она была выглядеть как вторая строка.

ниже my ht-ht-ht-ht-ht-ht-ht ht-ht-ht-ht-ht-ht-ht-ht-ht-ht-ht-ht-ht-ht-код.

Код: Выделить всё

Student: 1
 


12/12/2000
1234


 
 


Branch
0








Student: 2
 


12/12/2000
1234


English - 100;
Maths - 100


Branch -1
Branch -2

Ниже приведен код Style/CSS-

dl, dd {
margin: 0;
}

dl {
display: grid;
grid-auto-flow: column;
}

dt:nth-of-type(2),
dt:nth-of-type(2) ~ dd {
grid-column-start: 2;
}

dt:nth-of-type(3),
dt:nth-of-type(3) ~ dd {
grid-column-start: 3;
}

dt:nth-of-type(4),
dt:nth-of-type(4) ~ dd {
grid-column-start: 4;
}

dd:empty {
display: none;
}

.dd1 {
background-color: yellow;
border-right: 1px solid #d1ccbf;
color: #003d79;

}

.dd2 {
background-color: orange;
padding: 10px 20px;
vertical-align: top;
border-top: 0;

}


< /code>
Мне нужен какой -нибудь способ управления этими пустыми ячейками DD. Так что, есть ли у нас значение или нет для определенного DD, это должно занять ту же ширину.>

Подробнее здесь: https://stackoverflow.com/questions/764 ... qual-space