我怎样才能摆脱北面板线的

Question

我的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, 

但他们似乎只是使线更薄。我希望它是隐形的。我怎样才能做到这一点？

我的第二个问题是，我如何能够为内心和内心南缘留出零缺口？

Answer 1

就北窗格线而言，窗格边框的一些简单的CSS样式似乎已经完成了这个诀窍。

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

为了摆脱间距窗格选择的权利，你可以使用

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

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