html - Div 类最小宽度仍在调整大小
问题描述
美好的一天,所以我有一个包含在 div 标签中的登录功能。如果我调整大小,我只想冻结 div。我尝试添加 min-width 和 display: inline-block 但它仍在调整大小。任何帮助,将不胜感激。此外,使用像素值仍然不起作用。
屏幕截图显示 min-width:300% !important; 不工作。
我还将我的代码放在 JS Fiddle 中:https ://jsfiddle.net/wvhgsek9/
HTML:
<form class="reg_log_box login_box form-group">
<br>
<div class="row">
<div class="col-md-12">
<p>EMAIL</p>
<input type="text" placeholder="EMAIL" autocomplete="off" name="email"
value="<?php
if(isset($_POST["email"])) {
echo($_POST["email"]);
} ?>">
</div>
<div class="col-md-12">
<p>PASSWORD</p>
<input type="text" placeholder="PASSWORD" autocomplete="off" name="password">
</div>
</div>
<input type="submit" id="login" name="login" value="LOGIN" class="reg_signup">
<p class="center_font">NO ACCOUNT YET? <a href="register.php">REGISTER HERE</a></p>
<br>
</form>
CSS:
.login_box {
min-width: 30% !important;
display: inline-block
}
.reg_log_box {
width: 50%;
padding: 10px 70px 10px;
background: #fff;
opacity: 0.9;
border-radius: 30px;
margin: 0 auto;
}
解决方案
尝试resize: block;
block 该元素显示一种机制,允许用户在块方向上调整其大小(水平或垂直,取决于书写模式和方向值)。
https://developer.mozilla.org/en-US/docs/Web/CSS/resize
推荐阅读
- flutter - 导航器弹出错误:“!_debugLocked':不正确。”
- javascript - 将 ng-repeat 过滤器迁移到 Typescript
- python - 安装了 python 3 和 pip 3 但 pip -V 显示 19.2.3
- amazon-web-services - CodeBuild - 由于缺少 EC2 权限,构建失败
- sql-server - .Net Core Identity - 从 Postgresql 迁移到 SQL Server
- reactjs - 从另一个 React 项目(模板)创建 React 项目
- swift-playground - 在 Swift 中排序字典
- jmeter - Jmeter 插件没有显示结果
- android - 如何为本地 Maven 存储库 \\user023\share\folder 放置网络路径
- angular - Ionic 4 无法从标签页导航到非标签页,直到应用程序重新启动或 location.reload()