开发者社区 > 云原生 > 容器服务 > 正文

表单容器resize时,里面的表单项怎么才不会被挤到下一行?

1 表单容器resize时,里面的表单项怎么才不会被挤到下一行?
想达到的效果:当resize容器的时候,如果容器里宽度不够,显示滚动条,而不是表单项被挤下去

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>test</title>
  <style>
    .container {
      width: 300px;
      height: 200px;
      background-color: #ccc;
    }

  </style>
  <link rel="stylesheet" href="jquery-ui.min.css">
  <script src="jquery-1.11.3.js"></script>
  <script src="jquery-ui.min.js"></script>y>


<div class="container">
  <form>
    <select>
      <option>test</option>
    </select>
    <select>
      <option>test</option>
    </select>
    <input type="text">
  </form>
</div>
 
<script>
$( ".container" ).resizable();
</script>
 
</body>
</html

screenshot

展开
收起
杨冬芳 2016-06-13 14:07:15 2118 0
1 条回答
写回答
取消 提交回答
  • min-width: 300px; ?

    2019-07-17 19:35:49
    赞同 展开评论 打赏
问答分类:

国内唯一 Forrester 公共云容器平台领导者象限。

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载