コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > テーブルは背景画像を設定しており、ソリューション_HTML/Xhtml_Web ページ制作を 100% 表示することはできません

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

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

開発中に次の状況が発見されました:
(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>






 




最终效果如下図示：




関連ラベル：
table 背景 設定
ソース：php.cn
前の記事：HTML に埋め込まれた mp4 形式のビデオを再生できないのはなぜですか_HTML/Xhtml_Web ページの制作 次の記事：IE6 フォントを定義できません: 13px サイズは無効です。IE6 は自動的に大きなフォントを表示します。 ソリューション_HTML/Xhtml_Web ページの制作
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
jqueryを使用してHTMLデータテーブルの選択されていない行の値を取得する方法 ボタンがクリックされなかったすべての行の値を取得しようとしています。たとえば、最初の行のボタンをクリックしたときに、クリックされなかった行の値を取得したいとします。 vartabl...
から 2024-04-05 09:26:49
0
1
1418
mysqlでネストされた関連値を取得する データベース内の複数のエントリに基づいて関連する値を取得しようとしています。私は JOIN などの使用に関して MySQL を初めて使用するため、不必要に PHP に関与することを...
から 2024-04-04 17:29:06
0
2
365
特定のクリック イベントをリッスンし、他のクリック イベントを抑制するにはどうすればよいですか? 私の Web アプリケーションには、各行が特定の URL にリンクする HTML テーブルが含まれています: <table><trdata-url="h...
から 2024-04-04 16:55:27
0
1
317
表のタイトルを垂直方向に回転、中央 + 下揃え、クロスブラウザー ヘッダーが回転されたテーブルがありますが、これは Chrome では期待どおりに表示されますが、Firefox では期待どおりに表示されません。 Chromev108 (垂直下、水...
から 2024-04-04 16:45:25
0
1
330
固定ヘッダーと回転列ヘッダーを備えた表 固定ヘッダーと固定最初の列を持つテーブルがあります。また、列ヘッダーを 45 度回転したいと考えています。固定タイトルには背景色を設定する必要があります。ただし、次の列の背景が前の...
から 2024-04-03 08:50:32
0
1
362
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート