jQuery MiniUI

标题: mini-textarea 导致表格布局混乱 [打印本页]

作者: kthell 时间: 2014-5-27 15:00:15 标题: mini-textarea 导致表格布局混乱

<table style="width: 100%;">
            <tr>
                  <td style="width: 75px">版本号：</td>
                  <td>
                     <input id="bbh" class="mini-textbox" style="width: 100%" readonly="true" />
                  </td>
            </tr>
            <tr>
                  <td>说明：</td>
                  </tr>
            <tr>
                  <td colspan="2">
                     <textarea class="mini-textarea" id="jfsm" style="width: 100%; height: 95px;" emptytext="说明"></textarea>
                  </td>
            </tr>
            <tr>
               <td>联系人：</td>
               <td> <input id="lxr" name="lxr" class="mini-combobox" style="width: 100%;" allowinput="true" /></td>
            </tr>
</table>

当textarea 中文字较多时，点击combobox的下拉框布局就会乱，而先点击combobox 在输入文字就没有问题

作者: kthell 时间: 2014-5-27 15:05:40

<table style="width: 100%;">
            <tr>
                  <td style="width: 75px">版本号：</td>
                  <td>
                     <input id="bbh" class="mini-textbox" style="width: 100%" readonly="true" />
                  </td>
            </tr>
            <tr>
                  <td>说明：</td>
                  </tr>
            <tr>
                  <td colspan="2">
                     <textarea class="mini-textarea" id="jfsm" style="width: 300px; height: 95px;" emptytext="说明"></textarea>
                  </td>
            </tr>
            <tr>

或者直接定义textarea 的宽度也会有问题

作者: felt 时间: 2014-5-27 15:13:54

<table style="width: 100%;table-layout:fixed">
加一下table-layout

作者: kthell 时间: 2014-5-27 15:49:37

felt 发表于 2014-5-27 15:13
加一下table-layout

3q，table-layout:fixed有效果

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)