ホームページ > ウェブフロントエンド > htmlチュートリアル > テーブルは背景画像を設定しており、ソリューション_HTML/Xhtml_Web ページ制作を 100% 表示することはできません

テーブルは背景画像を設定しており、ソリューション_HTML/Xhtml_Web ページ制作を 100% 表示することはできません

WBOY
リリース: 2016-05-16 16:40:49
オリジナル
2197 人が閲覧しました

開発中に次の状況が発見されました:
(1) ファイルが .jsp ファイル接尾辞の形式で保存されている場合、コードは次のとおりです (index.jsp):

コードをコピーします
コードは次のとおりです:

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



表に 100% 表示させます



< tr>


< /table>



プログラムが実行されると、ページに表示される効果は次のようになります:

この効果には 2 つの問題があります:
(1) 中央の TD の背景が TD 全体をカバーしません。
(2) テーブル全体の幅が画面全体を占めません。 。
私は当惑しており、とても落ち込んでいます。 !バックグラウンドで、テーブルに border="0" を追加しようとしましたが、効果は上の図のとおりです。 0 を 1 に変更すると、以下に示すように、テーブルが画面全体に表示され、td も背景で覆われていることがわかりますが、テーブルの境界線は希望どおりではありません。

上記の方法では問題を根本的に解決できないことが判明した。
次に、テーブル内の 3 つの TD を確認したところ、2 番目の TD にコンテンツがないことが判明したので、2 番目の TD にコンテンツを入力しようとしました。コードは次のとおりです。

コードをコピーします
コードは次のとおりです:

< /td>
テーブルは背景画像を設定しており、ソリューション_HTML/Xhtml_Web ページ制作を 100% 表示することはできません






コードを実行した後の効果は、基本的には実行中の結果と一致します。は次のとおりです:

以下のコードを少し調整するだけです。完全なコードは次のとおりです。

コードをコピーしますコードは次のようになります:

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




让表格百分之一百显示


2 番目の tdコンテンツを追加します< /td>






 




最终效果如下図示:




関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート