編輯代碼:
查看結果 »
試一試 - ©
w3ii.com
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="pageone"> <div data-role="header"> <h1>Columns</h1> </div> <div data-role="main" class="ui-content"> <p>One-column Layout:</p> <div class="ui-grid-solo"> <div class="ui-block-a"> <a href="#" class="ui-btn ui-corner-all ui-shadow">First Column Button</a><br> <span>First Column: This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</span> </div> </div> </div> </div> </body> </html>