<div class="input-container">
<input id="inputBox" type="text" placeholder="请输入腾讯、爱奇艺等官方视频链接">
<button id="confirmBtn">确认</button>
</div>
</div>
<div class="btn-close-container">
<div class="btn-close">
<button id="cancelBtn">关闭</button>
</div>
</div>
如何让关闭按钮位于靠近
的下方,正中间内容:您可以使用CSS来实现将关闭按钮位于靠近
的下方,正中间。首先,您可以将关闭按钮的容器包裹在一个新的div中,并为该div设置样式,使其居中对齐。然后,将该div放在
之后即可。下面是示例代码:
<div class="modal-content">
<!-- 此处为您的模态框内容 -->
</div>
<div class="btn-close-container">
<div class="btn-close">
<button id="cancelBtn">关闭</button>
</div>
</div>
然后,您可以使用CSS样式来将关闭按钮容器居中对齐:
.btn-close-container {
display: flex;
justify-content: center;
margin-top: 20px; /* 调整距离modal内容的间距 */
}
.btn-close {
text-align: center;
}
#cancelBtn {
/* 按钮样式 */
}
您可以根据需要自定义样式,例如更改按钮样式、调整间距等。