我的 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/
如何摆脱北 Pane 线?我试过了...
north__spacing_open: 0,
north__spacing_closed: 0,
但它们似乎只会让线条变细。我希望它是隐形的。我该怎么做?
我的第二个问题是,如何使内中心和内南边缘的间隙为零?
最佳答案
就北 Pane 线而言, Pane 边框的一些简单 CSS 样式似乎已达到目的。
.ui-layout-pane {
border: none !important;
}
要消除 Pane 选择器右侧的间距,您可以使用
.ui-layout-pane-center {
padding: 0px;
}
您可以在此处查看工作演示:http://jsfiddle.net/JPEaa/114/ .
关于javascript - 我怎样才能摆脱北 Pane 线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17899584/