Я хочу отображать кнопки внутри моего modalpopupextender рядом, а не друг над другом. Ниже приведено изображение:
Я хочу, чтобы кнопки удаления и отмены были рядом. Ниже мой код:
<div >
<p style = "width:200px;height:100px;margin-right:auto;margin-left:auto">
<asp:Button ID = "OkButton" runat = "server" Text = "Remove" CommandName = "delete" CommandArgument='<%#Eval("CartID") %>'/>
<asp:Button ID = "CancelButton" runat = "server" Text = "Cancel" />
</p>
</div>
Я пробовал, все то же самое. Ниже приведен код: <p style = "width:200px;height:100px;display: inline-block;">
Попробуйте использовать для этого display flex
p {
display: flex;
align-items: center;
justify-content: center;
}
p Button {
width: 100px;
height: 100px;
border: 1px solid red;
}
Проверьте это https://jsfiddle.net/L95j0kd7/1/
Заработало сразу, но места между кнопками нет. Должен ли я поставить между кнопкой.
@ Анджали, не используй . Создайте правило justify-content: space-between; и width: 220px; для тега p, которое создает любое пространство.
Использовать display: встроенный блок;