前端:table设置td宽度无效

1.设置整体的style

<style type="text/css">
    table {
         table-layout:fixed;
    }
    table td {
          min-width: 100px;
          overflow: hidden;
          text-overflow: ellipsis;
    }
</style>

2.每个td设置宽度

  <table id="tbl_head" width="100%" border="1" align='left'>
        <tr>
            <td  style="width: 6%">开始时间</td>
            <td style="width: 12%">
                <input id="id_submittime" class="input_time need_time" name="v_submittime" msg="请填写日期" type="text"
                       onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})"/>
            </td>
            <td style="width: 6%">结束时间</td>
            <td style="width: 12%">
                <input id="id_submittime_end" class="input_time need_time" name="v_submittime_end" msg="请填写日期"
                       type="text" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})"/>
            </td>
            <td style="width: 4%">产品</td>
            <td style="width: 14%">
                <select name="product" id="product" m="search" require='true' msg='请选择产品'>
                    <option value="0">-请选择产品-</option>
                    {% for pro in proData %}
                        <option value="{{ pro.0 }}">{{ pro.3 }}{{ pro.1 }}</option>
                    {% endfor %}
                </select>
            </td>
            <td style="width: 5%">单号</td>
            <td style="width: 15%">
                <input type="text" name="qid">
            </td>
            <td style="width: 4%">帐号</td>
            <td style="width: 15%">
                <input type="text" name="urs">
            </td>

            <td>
                <input type="button" value=" 查 询 " class='clBunt'
                       onclick='GotoSearchContent(this,"SearchContent","dealsearch")'/>
                <input type='hidden' name='excel' value='0'/>
            </td>
        </tr>
    </table>

 

posted @ 2017-09-01 09:25  桃源仙居  阅读(3509)  评论(0)    收藏  举报