How to install Split
This article mainly explains "how to install Split". The content in the article is simple and clear, easy to learn and understand. Please follow the editor's train of thought to study and learn "how to install Split".
Split.js is an resizable split view panel pure JavaScript plug-in. The plug-in is lightweight and does not require any external dependencies. Split.js can easily create a split view (or split panel) effect.
Split.js installation
You can use bower or npm to install the Split.js plug-in.
BowerinstallSplit.js
Npminstallsplit.js
Method of use
Using this plug-in requires the introduction of a split.js file.
HTML structure
Split.js uses nested HTML structures
.
.
Some CSS styles necessary for the split.js plug-in
.gutter {
Background-color:#eee
Background-repeat:no-repeat
Background-position:50%
Cursor:move
Cursor:grab
Cursor:-moz-grab
Cursor:-webkit-grab
}
. gutter.gutter-horizontal {
Background-image:url ('grips/vertical.png')
}
. gutter.gutter-vertical {
Background-image:url ('grips/horizontal.png')
}
.split {
-webkit-box-sizing:border-box
-moz-box-sizing:border-box
Box-sizing:border-box
Overflow-y:auto
Overflow-x:hidden
}
.split,. Gutter.gutter-horizontal {
Height:100%
Float:left
}
Thank you for your reading, the above is the content of "how to install Split", after the study of this article, I believe you have a deeper understanding of how to install Split, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!
