Shulou(Shulou.com)06/02 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.