jQuery MiniUI

 找回密码
 立即注册
查看: 2119|回复: 3
打印 上一主题 下一主题

mini-textarea 导致表格布局混乱 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2014-5-27 15:00:15 |只看该作者 |倒序浏览
<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 在输入文字就没有问题

Rank: 2

沙发
发表于 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 的宽度也会有问题

Rank: 8Rank: 8

板凳
发表于 2014-5-27 15:13:54 |只看该作者
<table style="width: 100%;table-layout:fixed">
加一下table-layout

Rank: 2

地板
发表于 2014-5-27 15:49:37 |只看该作者
felt 发表于 2014-5-27 15:13
加一下table-layout

3q,table-layout:fixed有效果

Archiver|普加软件

GMT+8, 2024-9-11 23:05 , Processed in 1.088941 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部