gpt4 book ai didi

javascript - 左侧的输入取决于 div

转载 作者:行者123 更新时间:2023-11-28 04:34:27 26 4
gpt4 key购买 nike

我在 div 中有两个输入

这是代码

<div style="width:100%;height:500px;border-style:solid;border-color:#1d69b4;margin-top:25px;">
<div style="float:left; width:70%;height:100%;">
<div style="width:100%;height:30%;">
<form>
<input type="text" class="form-control" id="lname" name="lname" placeholder="Last Name" style="padding: 12px 20px;margin: 8px 0;box-sizing: border-box; border-radius:50px;"/>
<input class="form-control" type="text" id="lname" name="lname" placeholder="From" style="padding: 12px 20px;margin: 8px 0;box-sizing: border-box; border-radius:50px;"/>
</form>
</div>
</div>
</div>

但是由于div的原因它们向左浮动

我需要它们像这样

<div style="width:100%;height:500px;border-style:solid;border-color:#1d69b4;margin-top:25px;">

<div style="width:100%;height:30%;">
<form>
<input type="text" class="form-control" id="lname" name="lname" placeholder="Last Name" style="padding: 12px 20px;margin: 8px 0;box-sizing: border-box; border-radius:50px;"/>
<input class="form-control" type="text" id="lname" name="lname" placeholder="From" style="padding: 12px 20px;margin: 8px 0;box-sizing: border-box; border-radius:50px;"/>
</form>
</div>
</div>

但是div需要向左浮动,我该怎么做?

最佳答案

元素左对齐,但包含的 div 不够宽,无法并排容纳它们。

假设您在 100% div 中有 2 个 50% div,它会由于添加了空格而溢出。

尝试添加“white-space: nowrap;”到父div:

<div style="width:100%;height:500px;border-style:solid;border-color:#1d69b4;margin-top:25px; white-space: nowrap;">
<div style="float:left; width:70%;height:100%;">
<div style="width:100%;height:30%;">
<form>
<input type="text" class="form-control" id="lname" name="lname" placeholder="Last Name" style="padding: 12px 20px;margin: 8px 0;box-sizing: border-box; border-radius:50px;"/>
<input class="form-control" type="text" id="lname" name="lname" placeholder="From" style="padding: 12px 20px;margin: 8px 0;box-sizing: border-box; border-radius:50px;"/>
</form>
</div>
</div>
</div>

关于javascript - 左侧的输入取决于 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44353108/

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