jQuery MiniUI

标题: miniUI div可以自适应位置吗 [打印本页]

作者: evildier    时间: 2017-10-25 14:20:44     标题: miniUI div可以自适应位置吗

[attach]10061[/attach]模块2可以自适应到模块1的右侧

作者: felt    时间: 2017-10-25 14:33:53

MiniUI是js控件库,你这样的布局需要使用css进行处理。
比如说放一个两列的table,左右都放一个面板
<table>
<tr>
<td>
<div class="mini-datagrid"..
</td>
<td>
<div class="mini-datagrid"..
</td>
</tr>
</table>


作者: evildier    时间: 2017-10-25 14:52:15

felt 发表于 2017-10-25 14:33
MiniUI是js控件库,你这样的布局需要使用css进行处理。
比如说放一个两列的table,左右都放一个面板

  <table style="width:100%;">
            <tr>
                <td>
                    @{ Html.RenderAction("ReciveMessage", "MyHome");}
                </td>
                <td>
                    @{ Html.RenderAction("ProductBlock", "MyHome");}
                </td>
            </tr>

            <tr>
                <td>
                    @{ Html.RenderAction("ProjectBlock", "MyHome");}
                </td>
                <td>
                    @{ Html.RenderAction("PendingApprovalProject", "MyHome");}
                </td>
            </tr>
            <tr>
                <td>
                    @{ Html.RenderAction("ApplyTrade", "MyHome");}
                </td>
                <td>
                    @{ Html.RenderAction("TradeResult", "MyHome");}
                </td>
            </tr>
            @*<tr>
                    <td>
                        <h2>新闻动态</h2>
                    </td>
                    <td>
                        <h2>产品发行</h2>
                    </td>
                </tr>*@
        </table>

我本来用的是table,后来由于权限问题需要隐藏掉一些模块(不固定),那么页面就会有地方被空出来
作者: evildier    时间: 2017-10-25 14:56:24

felt 发表于 2017-10-25 14:33
MiniUI是js控件库,你这样的布局需要使用css进行处理。
比如说放一个两列的table,左右都放一个面板

本来做的是一行两个面板,一共六个,当其中一个被隐藏掉的话,该行就只剩一个,并且留下一部分空白区域,我的想法是可不可以把其他位置的填充过来
作者: evildier    时间: 2017-10-25 15:03:45

felt 发表于 2017-10-25 14:33
MiniUI是js控件库,你这样的布局需要使用css进行处理。
比如说放一个两列的table,左右都放一个面板

你好,问题已经解决了,添加一个浮动属性就好了,谢谢
作者: felt    时间: 2017-10-25 15:17:51

evildier 发表于 2017-10-25 15:03
你好,问题已经解决了,添加一个浮动属性就好了,谢谢

好的,可以的,限制好宽度,浮动就行




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2