Home > Developer > JavaScript
Is this display style eye-catching? If there are too many articles, the conversion will be slow. I hope you can give me some valuable comments.
Copy codeThe Code is as follows:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<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" pai.html ();
})
Function change (){
Var lw = 0;
Var maxs = 0;
Var line = $ ("# line"). val ();
Var h = o. split ("");
Var webh = "";
For (var I = 0; I Webh + = '<label>' + h [I] + '</label> ';
}
$ (". Content" pai.html (webh );
$ (". Content label"). each (function (){
If (maxs> $ (this). position () ['left']) {
Lw ++;
Maxs = 0;
If (lw = line ){
$ (This). before ('<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>
</Head>
<Body>
<Center> <input id = "line" type = "text" value = "3"/> <input type = "button" onclick = "change () "value =" change "/>
<Div class = "content">
Precautions for append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods precautions for append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods precautions for append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods precautions for append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods precautions for append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods precautions for append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods notes for append, ap pendTo, prepend, prependTo, before, insertBefore, and after and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after and insertAfter Methods considerations for the append, appendTo, prepend, prependTo, before, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods considerations for the append, appendTo, prepend, prependTo, before, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods considerations for the append, appendTo, prepend, prependTo, before, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods considerations for the append, appendTo, prepend, prependTo, before, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods considerations for the append, appendTo, prepend, prependTo, before, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods precautions for append, appendTo, prepend, p rependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter Methods note: The append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery are the append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods. note: The append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery are the append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods. note: The append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery are the append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods. note: The append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery are the append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods. note: The append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery are the append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods. notes: append, appendTo, prepend, prependTo, before, inser tBefore, after and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, after, and insertAfter precautions: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter precautions: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter precautions: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter precautions: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter precautions: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, expiration, after, and insertAfter precautions: append, appendTo, prepend, prependTo, before, insertBefore, after, and in sertAfter methods in jQuery: append, appendTo, prepend, prependTo, before, after, and precautions for insertAfter Methods: append, appendTo, prepend, prependTo, before, after, and insertAfter in jQuery: append, appendTo, prepend, prependTo, before, after, and precautions for insertAfter Methods: append, appendTo, prepend, prependTo, before, insertBefore, after, and insertAfter in jQuery </div>
</Center>
</Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
