解決JQeury顯示內容沒有邊距內容緊挨著瀏覽器邊線
更新時間：2013年12月20日 14:49:56 作者：
JQuery頁面顯示的內容沒有邊距，內容緊挨著瀏覽器邊線，下面有個不錯的解決方法，大家可以嘗試下
寫的JQuery頁面顯示的內容沒有邊距，內容緊挨著瀏覽器邊線，特別難看（如下圖）
代碼如下：
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新聞內容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新聞圖片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐飲咨詢</h4>
</div>
</div>
</form>
</body>
其實原因特別簡單，就是顯示的內容沒有放在content里邊，所以在div里加一個data-role="content"就可以了，修改后的代碼如下：
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新聞內容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新聞圖片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐飲咨詢</h4>
</div>
</div>
</form>
</body>
代碼如下：
復制代碼 代碼如下:
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新聞內容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新聞圖片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐飲咨詢</h4>
</div>
</div>
</form>
</body>
其實原因特別簡單，就是顯示的內容沒有放在content里邊，所以在div里加一個data-role="content"就可以了，修改后的代碼如下：
復制代碼 代碼如下:
<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新聞內容</h2>
</div>
<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新聞圖片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>
<div data-role="footer" data-theme="d">
<h4>餐飲咨詢</h4>
</div>
</div>
</form>
</body>
相關文章
Easyui 關閉jquery-easui tab標簽頁前觸發(fā)事件的解決方法
這篇文章主要介紹了Easyui 關閉jquery-easui tab標簽頁前觸發(fā)事件 ,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
這篇文章主要介紹了jQuery表單驗證功能,涉及jquery針對表單項的讀取與正則判定技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
使用jQuery獲取radio/checkbox組的值的代碼收集
很久沒有寫JQuery的文章了。今天來看下JQ對天Checkbox復選框的操作?？聪旅娴囊粋€小例子。在這個例子中包括了以下幾個功能2009-12-12
Jquery動態(tài)替換div內容及動態(tài)展示的方法
這篇文章主要介紹了Jquery動態(tài)替換div內容及動態(tài)展示的方法,動態(tài)替換div內容并展示的使用技巧與注意事項,需要的朋友可以參考下2015-01-01
今天給大家推薦一款不一樣的jQuery類似瀑布流插件，使文字也能實現瀑布流效果，有需要的小伙伴可要好好看仔細了。2014-11-11
將自己的表單元素ID和name命名為了nodeName，在chrome瀏覽器下報錯，結果發(fā)現是表單元素命名的原因2014-03-03
這篇文章主要為大家詳細介紹了jQuery EasyUI Panel面板組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了JS實現復制內容到剪貼板功能兼容所有瀏覽器(推薦)的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
以前總是沒搞明白是怎么回事，現在是迫不得已，就仔細看了看說明文檔，終于測試成功了，記下2011-12-12
這篇文章主要為大家詳細介紹了jQuery實現圖片輪播效果代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09