gpt4 book ai didi

css - 并联3个按钮

转载 作者:太空宇宙 更新时间:2023-11-04 04:21:29 25 4
gpt4 key购买 nike

这是我尝试并行放置 3 个按钮的代码。

<!DOCTYPE html>
<html>
<head>
<div class="aParent">
<div id="left_side">
<form accept-charset="UTF-8" action="/new" data-remote="true" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
<label for="q">Make A new folder:</label><br>
<input id="q" name="q" type="text" /><br>
<input name="commit" type="submit" value="Submit" />
</form></div>
<div id="centre">
<input id="btn" type="button" value="Save" action="update" alignment="center" />
</div>
<div id="right_side">
<form accept-charset="UTF-8" action="/target" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
<input name="commit" type="submit" value="Customize Weight" />
</form></div>
</div>

<style type="text/css">

#left_side {
float: left;
}

#center_s {
margin:50px 50px;
width: 65px;
}

#right_side {
float: right;
}


</style>

现在,如果我更改边距值,保存按钮的位置不会改变。任何关于将 3 个按钮并联放置的更改的猜测。

最佳答案

添加这个:

 #centre{ float:left;}

如果您希望将此 div 居中,则需要添加适当的 margin-left 值,只要您的父容器具有固定宽度即可。

关于css - 并联3个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19006223/

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