> 웹 프론트엔드 > HTML 튜토리얼 > 테이블은 배경 이미지를 설정하므로 솔루션_HTML/Xhtml_웹페이지 제작 내용을 100% 표시할 수 없습니다.

테이블은 배경 이미지를 설정하므로 솔루션_HTML/Xhtml_웹페이지 제작 내용을 100% 표시할 수 없습니다.

WBOY
풀어 주다: 2016-05-16 16:40:49
원래의
2197명이 탐색했습니다.

개발 과정에서 다음과 같은 상황이 발견되었습니다.
(1) 파일이 .jsp 파일 접미사 형태로 저장되어 있는 경우 코드는 다음과 같습니다(index.jsp):

코드 복사
코드는 다음과 같습니다.

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



테이블을 100% 표시하도록 합니다
< /head>






< /table>



프로그램 실행 후 페이지에 나타나는 효과는 아래와 같습니다.

이 효과에는 두 가지 문제가 있습니다. (1) 가운데 td의 배경이 전체 td를 덮지 않습니다.
(2) 전체 테이블 너비가 전체 화면을 채우지 않습니다. .
나는 어리둥절하고 매우 우울합니다! ! 백그라운드에서 테이블에 border="0"을 추가하려고 시도했는데 효과는 여전히 위 그림과 같습니다. 0을 1로 변경하면 아래와 같이 테이블이 전체 화면을 채우고 td도 배경에 가려지는데 테이블의 테두리가 내가 원하는 것이 아닙니다.

위의 방법으로는 문제를 근본적으로 해결할 수 없는 것으로 확인되었다.

그러다가 표에 있는 3개의 TD를 확인해 보니 두 번째 TD에는 내용이 없어서 두 번째 TD에 내용을 채워보려고 했습니다.


코드 복사코드는 다음과 같습니다.
< /td>




두 번째 td 콘텐츠 추가< /td>
< ;/td>


코드 실행 후의 효과는 기본적으로 최종 결과와 일치합니다. 다음과 같습니다:

아래 코드를 약간만 조정하면 전체 코드는 다음과 같습니다.

코드를 복사하세요 코드는 다음과 같습니다.

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


<머리>

让表格百分之一百显示












最终效果如下图所示:




관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿