角的分配器案例学习

　　

<>之前,,,, 　　,,,Angular  pane  splitter 例子 　　,, 　　,, 　　,,,, 　　,,,,,,,Pane  1 　　,,,,,,, 　　,,,,,,,,,,, 　　,,,,,,,,,,,,,,Pane  2 　　,,,,,,,,,,,,,,,Pane  3

.split-panes 
{
左:0 px;
: 0 px;
: 0 px;
底:0 px;
位置:绝对的,
}

。分格状的祝辞.split-handler 
{
背景:透明;
位置:绝对的,
z - index: 999;
}

/*水平*/

.split-panes。水平比;.split-handler
{
宽度:4 px;
: 0 px;,
左:50%;
底:0 px;
光标:ew-resize;
}

.split-panes。水平比;.split-pane1,
.split-panes。水平比;.split-pane2
{
:绝对的;
高度:100%;
}

.split-panes。水平比;.split-pane1新航道雅思{
宽度:50%;,
}

.split-panes。水平比;.split-pane2
{
左:50%;
: 0 px;
border-left: 1 px固体# aaa;
}

/*垂直*/

.split-panes。垂直的祝辞.split-handler
{
高度:4 px;
: 50%;,
左:0 px;
: 0 px;
光标:ns-resize;
}

.split-panes。垂直的祝辞.split-pane1,
.split-panes。垂直的祝辞.split-pane2
{
:绝对的;
宽度:100%;
}

.split-panes。垂直的祝辞.split-pane1
{
高度:50%;,
}

.split-panes。垂直的祝辞.split-pane2
{
: 50%;
底:0 px;
border-top: 1 px固体# aaa;
}

,

角的分配器案例学习