이 버튼이 중앙에 나란히 배치되지 않는 이유는 무엇입니까?
이 스택은 나란히 있지만 왼쪽 끝까지 쌓입니다. 그리고 빨간색 테두리는 2px 실선입니다. 버튼은 빨간색 경계선 바로 아래에있는 것 같습니다. 버튼은 테두리에 있어야합니다.
버튼을 중앙에 배치 할 수 있지만, 그 다음에는 서로 겹쳐집니다. 나는 하나를 다른 것 위에 쌓아서 가운데에 놓거나
-또는-
나란히 왼쪽 끝까지.
중요한 경우 또 다른 메모입니다. 이것은 부트 스트랩을 포함하는 cshtml c # .net 페이지에 있습니다.
@using (Html.BeginForm("frmUpdate", "Mdl", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
. 명확성을 위해 아래에 추가 된 페이지 더
<div style="float:left; width:100%;">
@using (Html.BeginForm("frmUpdate", "Mdl", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
<div style="float:left; width: 50%; border:1px solid black;">
.. left half ~ numerous controls ....
</div>
<div style="float:left; width: 50%; border:1px solid red;">
.. right half ~ numerous controls ...
</div>
<div style="clear:both; width:100%; border:1px solid red; text-align:center;">
<div style="float:left; position:relative">
<input type="submit" value="Save" />
</div>
<div style="float:left;">
<input type="button" value="Cancel" onclick="window.history.back()" />
</div>
</div>
}
FlexBox를 사용하여 요소를 다른 요소 안쪽에 가운데에 배치 할 수 있습니다.
부모 display: flex; flex-direction: row; justify-content: center및 아들 센터에서 자동으로 설정
<div style="display:flex; justify-content:center; width:100%; border:1px solid red; text-align:center;">
<div>
<input type="submit" value="Save" />
</div>
<div>
<input type="button" value="Cancel" onclick="window.history.back()" />
</div>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다