我怎樣才能擺脫北面板線的

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/。