gpt4 book ai didi

css - 在 div 中间居中输入

转载 作者:行者123 更新时间:2023-11-28 15:29:07 27 4
gpt4 key购买 nike

我想将一对输入作为表单的一部分水平和垂直居中显示在 div 的中间。我该如何正确地做到这一点?我现在只能让它们水平居中。

这是 HTML:

<body>
<div id='flightdates'>
<div id='wrapper'>
<form id='dates'>Departing:
<input type='text' id='departing'>
<br/>Returning:
<input type='text' id='returning'>
</form>
</div>
</div>
</body>

这是 CSS:

#flightdates {
height: 50px;
background-color: yellow;
}
#wrapper {
text-align: center;
vertical-align: middle;
}

最佳答案

它们看起来水平居中 - 但如果您希望它们也垂直居中,只需添加一个 CSS 定义:

#dates{
line-height:50px;
}

line-height 匹配 #flightdates 的高度。这是一个 JSFiddle展示。希望这可以帮助!如果您有任何问题,请告诉我。

关于css - 在 div 中间居中输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23227231/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com