Мой образец UI выглядит, как показано ниже:CSS - Добавить пустую строку между Div элементов
Здесь мне нужно добавить пустые строки после текстовых полей. Это означает, что после первого текстового поля появится пустая строка и еще одна пустая строка после второго текстового поля. Ниже, как мой cshtml
файл выглядит следующим образом:
<style>
.divTable {
display: table;
border: none;
}
.divRow {
display: table-row;
width: 100%;
}
.divTable input, .divTable select {
padding: 2px;
border: solid 1px #BCC3C8;
height: 100%;
width: 100%;
}
.divTable button {
margin-top: -5px;
margin-left: 8px;
width: 100px;
}
</style>
<div class="divTable">
<div class="divRow">
<div class="divCell1">@Html.LabelFor(model => model.FirstName)</div>
<div class="divCell2">@Html.EditorFor(model => model.FirstName)</div>
</div>
<div class="divRow">
<div class="divCell1">@Html.LabelFor(model => model.LastName)</div>
<div class="divCell2">@Html.EditorFor(model => model.LastName)</div>
</div>
<div class="input">
<input type="submit" value="Submit">
</div>
</div>
Но я не получаю желаемый выход. Результат такой же, как на приведенном выше снимке экрана. Как это сделать? Любая помощь приветствуется.
Положите padding на 'divRow'? – CodingIntrigue
Ваша репутация поддельная, я полагаю. –