首頁 > web前端 > html教學 > table設定背景圖片,不能100%顯示解決方法_HTML/Xhtml_網頁製作

table設定背景圖片,不能100%顯示解決方法_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:40:49
原創
2197 人瀏覽過

在開發中發現了下面的情況:
(1) 如果文件存放為.jsp文件後綴的形式,代碼如下所示(index.jsp):

複製程式碼
程式碼如下:






讓表格百分之一百顯示




table設定背景圖片,不能100%顯示解決方法_HTML/Xhtml_網頁製作



table設定背景圖片,不能100%顯示解決方法_HTML/Xhtml_網頁製作




程式運作後,頁面中顯示的效果如下圖所示:

這個效果出現了兩處不對的地方:
(1) 中間的td的背景並沒有鋪滿整個td;
(2) 整個table寬度並沒有撐滿整個螢幕。
百思不得其解,非常鬱悶! !後台嘗試給table加上border="0",效果仍然如上圖所示。把0改為1,發現table撐滿了整個螢幕,而且td​​也被背景鋪滿,如下圖,不過表格的邊框不是我所要的。

發現上述方法不能從根本解決問題。
接著又對照了一下table中的3個td,發現第二個td中沒有內容,於是嘗試在第二個td中填入內容,代碼如下所示:

複製程式碼
程式碼如下:







table>

運行程式碼後的效果基本上符合最終的結果,運行效果如下:

下面再將程式碼稍微調整一下即可,完整程式碼如下:

複製程式碼
程式碼如下:

<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="java" %>




让表格百分之一百显示


table設定背景圖片,不能100%顯示解決方法_HTML/Xhtml_網頁製作 第二個td加入內容 table設定背景圖片,不能100%顯示解決方法_HTML/Xhtml_網頁製作






 




最终效果如下図示:




相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板