Is this display style very pleasing to the eye ah? If the content of the article is too much to change a bit slow, I hope you can give me valuable advice.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Article Segmentation </title>
<script src= "Http://code.jquery.com/jquery-1.8.3.min.js" ></script>
<script>
var o = "";
$ (function () {
o = $ (". Content"). html ();
})
function Change () {
var LW = 0;
var maxs = 0;
var line = $ ("#line"). Val ();
var h = o.split ("");
var webh = "";
for (var i =0;iwebh+= ' <label> ' +h[i]+ ' </label> ';
}
$ (". Content"). html (WEBH);
$ (". Content label"). each (function () {
if (Maxs > $ (this). Position () [' left ']] {
lw++;
MAXS = 0;
if (lw==line) {
$ (this). Before (' <br/><br/> ');
LW = 0;
}
}
MAXS = Math.max ($ (this). Position () [' Left '],maxs);
})
}
</script>
<style>
content{width:50% Margin:auto; padding:15px; border:10px solid #6CF; text-align:left; line-height:20px; font-size : 12px; Font-family:arial, Helvetica, Sans-serif; position:relative;margin:0px;}
. content label{Display:inline-block; border:0; padding:0px;margin:0px;}
</style>
<body>
<center><input id= "line" type= "text" value= "3"/> <input "button" type= "changing ()" onclick= "Change"/ >
<div class= "Content" >
jquery Append, Appendto, prepend, Prependto, before, InsertBefore, after and InsertAfter method considerations in jquery Append, Appendto, Prepend, Prependto, before, InsertBefore, after and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, after and InsertAfter methods considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, Considerations for After and InsertAfter methods jquery Append, Appendto, prepend, Prependto, before, InsertBefore, after and InsertaftEr method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, after and InsertAfter method considerations jquery Append, Appendto, Prepend, Prependto, before, InsertBefore, after and InsertAfter methods considerations in jquery Append, Appendto, prepend, prependto , before, InsertBefore, after and InsertAfter methods considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, Considerations for After and InsertAfter methods jquery Append, Appendto, prepend, Prependto, before, InsertBefore, after and INsertafter method Considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, after and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InseRtbefore, after and InsertAfter methods considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, After and InsertAfter method considerations jquery Append, Appendto, prepend, Prependto, before, InsertBefore, Following and InsertAfter methods considerations for Append, Appendto, prepend, Prependto, before, InsertBefore, after and InsertAfter methods in jquery </div>
</center>
</body>
