gpt4 book ai didi

html div垂直对齐

转载 作者:行者123 更新时间:2023-11-28 13:34:37 24 4
gpt4 key购买 nike

任何人都可以帮助我垂直对齐此 div 我希望 secondDiv 低于 firstDiv。我看到了很多帖子,但无法解决这个问题,任何人都可以更改我的代码来解决这个问题。

<div>
<div style="position:relative;width:800px;margin:0;padding:0">
<div id="firstDiv" style="text-align:center;position:absolute;margin-top:0">
<div>
<span>
<input type="submit" title="" value="Select Photos From Your Computer"
name="sendBtn">
</span>
</div>
<div style="width:492px;height:20px;position:absolute;top:8px;overflow:hidden;z-index:100">
<form target="msa_frame" name="picForm" id="picForm" method="post" enctype="multipart/form-data">
<input type="file" style="opacity:0;font-size:20px;" accept="image/*"
name="d" id="d">
</form>
</div>
</div>
<div id="secondDiv" style="text-align:center;margin:3px 0 12px;">
<span>You can add upto</span>
<span style="font-weight:bold">3 Photos</span>
</div>
</div>
</div>

最佳答案

从 firstDiv 的样式属性中删除“position:absolute”,它似乎回答了你的问题。

这也会导致事物四处移动。所以你需要准确描述你想要什么。

你应该避免使用 position:absolute 和 position:fixed 除非你正在做一些花哨的事情(例如,菜单栏,或者窗口中的窗口弹出窗口)。所以删除所有“position:...”的东西以及“top:...”。

为什么在中间输入不透明度为 0 的文件?如果您希望它隐藏并删除空白区域,请将其更改为“display: none”(并取消隐藏:“display: block”(如 div)或“display: inline”(如 span))

此处将不透明度更改为显示,并移除所有定位内容(top:、position: 等)。

<html>
<head>
<style>
</style>
</head>
<body>
<div>
<div style="width: 800px; margin: 0px; padding: 0px">
<div id="firstDiv" style="text-align: center; margin-top: 0">
<div>
<span>
<input type="submit" title="" value="Select Photos From Your Computer" name="sendBtn" />
</span>
</div>
<div style="width:492px; height:20px; overflow:hidden; z-index:100">
<form target="msa_frame" name="picForm" id="picForm" method="post" enctype="multipart/form-data">
<input type="file" style="display: none; font-size:20px;" accept="image/*" name="d" id="d" />
</form>
</div>
</div>
<div id="secondDiv" style="text-align: center; margin: 3px 0 12px;">
You can add up to
<span style="font-weight:bold">3 Photos</span>
</div>
</div>
</div>
</body>
</html>

阅读您对其他答案的评论后,试试这个:http://www.quirksmode.org/dom/inputfile.html http://stackoverflow.com/questions/1944267/how-to-change-the-button-text-of-input-type-file

关于html div垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10206955/

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