1

我的 HTML：

<div class="ui-layout-center" id="inner">
    <div class="ui-layout-center">Inner Center</div>
    <div class="ui-layout-south">Inner South</div>
</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-west">West</div>

我的JavaScript：

var myLayout;
var myLayoutInner;

$(document).ready(function(){
    myLayout = $('body').layout({ //    reference only - these options are NOT required because 'true' is the default
        closable: true, // pane can open & close
        resizable: true, // when open, pane can be resized 
        slidable: false, // when closed, pane can 'slide' open over other panes - closes on mouse-out
        livePaneResizing: true,

        north__size: '100',
        north__minSize: '100',
        north__maxSize: '100',
        north__closable: false,
        north__resizable: false,
        north__slidable: false,
        north__spacing_open: 0,
        north__spacing_closed: 0,

        west__togglerLength_closed: '100%', // toggle-button is full-width of resizer-bar
        west__spacing_closed: 20 // big resizer-bar when open (zero height)
    });

    myLayoutInner = $('#inner').layout({
        applyDefaultStyles: true,
        slidable: false, // when closed, pane can 'slide' open over other panes - closes on mouse-out
        livePaneResizing: true,
        stateManagement__enabled: true,
        //initClosed: true,
        //south__minSize: 100
    });
});

演示：http: //jsfiddle.net/JPEaa/2/

我怎样才能摆脱北窗格线？我试过了...

north__spacing_open: 0,
north__spacing_closed: 0,

但它们似乎只会让线条变细。我希望它是隐形的。我怎样才能做到这一点？

我的第二个问题是，我怎样才能让内中心和内南边缘的差距为零？

4

1 回答 1

2

就 North Pane Line 而言，窗格边框的一些简单 CSS 样式似乎起到了作用。

.ui-layout-pane {
    border: none !important;
}

要摆脱窗格选择器右侧的间距，您可以使用

.ui-layout-pane-center {
    padding: 0px;
}

你可以在这里看到一个工作演示：http: //jsfiddle.net/JPEaa/114/。

于 2013-07-27T16:13:28.387 回答