zoukankan      html  css  js  c++  java
  • 元素自适应宽度、换行

    通过设置百分比和最小宽度来实现,放大可以均匀排列,缩小可以自动换行


    #kpi_tb input{
    100px;
    }
    #kpi_tb .row{
    margin:0px;
    padding:0px;
    100%;
    text-align:center;
    display: inline-block;
    position: relative;
    }
    #kpi_tb .col{
    position:relative;
    margin:0px;
    padding:3px 0px;
    display: inline-block;
    }
    </style>
    </head>  
      <body id="maskDiv">
       <table id="kpi_table"></table>
       <div id="kpi_tb">
    <span class="row"> 
    <span class="col" style="17% ;min- 180px;">专题列表:<input id="subject_id" /></span>
    <span class="col" style="14% ;min- 150px;">名称:<input id="priv_name" class="combo-text validatebox-text"/></div>
    <span class="col" style="27% ;min- 280px;">查询时间:<input id="start_month"/> - <input id="end_month"/></span>
    <span class="col" style="23% ;min- 240px;">排序字段:<input id="order_col" /><input id="desc_asc"/></span>
    <span class="col" style="7% ;min- 70px;"><a id="search_btn" href="#" class="easyui-linkbutton" >查询</a></span>
    </span>
    </div>
      </body>
    </html>
  • 相关阅读:
    Enum.GetUnderlyingType(obj.GetType())
    Out,ref,params修饰符,可选参数,命名参数
    Linq
    var
    checked,unchecked
    StringBuilder.sb.AppendLine();
    js改变css样式的三种方法
    flex的用途
    clip-path
    json 对象 数组
  • 原文地址:https://www.cnblogs.com/vvch/p/4027575.html
Copyright © 2011-2022 走看看