html - Flex 不适用于 div 内排列的输入
问题描述
链接:https ://www.w3schools.com/code/tryit.asp?filename=FZXNU3HGKKE8
代码:
<style>
#main {
width: 300px;
height: 30px;
border: 1px solid black;
display: -webkit-flex; /* Safari */
display: flex;
}
#main input {
-webkit-flex: 1; /* Safari 6.1+ */
-ms-flex: 1; /* IE 10 */
flex: 1;
}
</style>
<div id="main">
<input placeholder="statement" />
<input placeholder="heckno" />
<input placeholder="neutral" />
<input placeholder="yes" />
<input placeholder="heckyes" />
</div>
为什么输入超出了div?
解决方案
推荐阅读
- php - 我的模块不工作并显示错误页面
- python - Django:如何在生产中设置新的静态路径?
- javascript - 递归 for 循环上下文中的 NaN
- c++ - MongoDb/mongocxx update_one 和 find_one 极慢
- javascript - 如何获取单元格值(来自 Google 表单的 Sheet1,来自公式的 Sheet2)到谷歌文档模板
- python - PyCall 接收 Numpy 并转换为本机类型元素
- .net - Blazor System.Net.Sockets.SocketException
- java - java正则表达式添加斜杠
- python - 用于监视文件系统更改的 Python 程序
- python - 在 Pandas 中操作数据