css实现div中的input和span垂直居中显示

最新推荐文章于 2023-02-13 18:22:12 发布

翻译最新推荐文章于 2023-02-13 18:22:12 发布 · 4k 阅读

本文介绍了一种使用Flexbox实现元素垂直和水平居中的方法，并展示了如何通过JavaScript控制输入框的内容，仅允许输入特定格式的时间数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给div添加 display:flex;justify-content:center;align-items:center; 的样式即可

<div id="dv_top" style="width: 100%;height:70%;display:flex;justify-content:center;align-items:center;">
    <input type="text" name="minAtime" onblur="isTime(this)" onkeyup="this.value=this.value.replace(/[^\d\.\:-]/g,'')">
    <span style="width:17px;height:23px;margin-left: 10px;margin-right: 10px;">至</span>
    <input type="text" name="maxAtime" onblur="isTime(this)" onkeyup="this.value=this.value.replace(/[^\d\.\:-]/g,'')">
</div>

效果图：