详解jQuery移动页面开发中的ui(2)

<div> <div><div>A</div></div> <div><div>B</div></div> <div><div>C</div></div> <div><div>A</div></div> <div><div>B</div></div> <div><div>C</div></div> <div><div>A</div></div> <div><div>B</div></div> <div><div>C</div></div> </div>

2015123163102847.jpg (827×462)

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1"> <title>grid-layout demo</title> <link href="https://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css"> <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> <!-- The script below can be omitted --> <script src="https://www.jb51.net/resources/turnOffPushState.js"></script> <script src="https://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header"> <h1>Grid Layout Example</h1> </div> <div data-role="content"> <div> <div><strong>I'm Block A</strong> and text inside will wrap.</div> <div><strong>I'm Block B</strong> and text inside will wrap.</div> </div><!-- /grid-a --> </div> </div> </body> </html>

2015123163121080.jpg (785×211)

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgzzzp.html