테이블은 배경 이미지를 설정하므로 솔루션_HTML/Xhtml_웹페이지 제작 내용을 100% 표시할 수 없습니다.
May 16, 2016 pm 04:40 PM
table
배경
설정
개발 과정에서 다음과 같은 상황이 발견되었습니다.
(1) 파일이 .jsp 파일 접미사 형태로 저장되어 있는 경우 코드는 다음과 같습니다(index.jsp):
코드 복사
코드는 다음과 같습니다.<%@page contentType="text/html; charset =utf-8" pageEncoding= "utf-8" 언어="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www .w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> ;
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>테이블을 100% 표시하도록 합니다</title>
< /head></p> <p><body style="배경:#9C9;">
<table cellpadding="0" cellpacing="0" style="width:100%;" tr>
<td height="8" width="17px;" ><img src="img/bg-header_l.gif" width="17" height="8" />< /td>
<td style="배경:url(img/bg-header_c.gif) 반복-x;"></td>
<td height="8" width=" 17px;" ><img src="img/bg-header_r.gif" width="17" height="8" /></td>
</tr>
< /table>
</body>
</html>
(2) 전체 테이블 너비가 전체 화면을 채우지 않습니다. .
나는 어리둥절하고 매우 우울합니다! ! 백그라운드에서 테이블에 border="0"을 추가하려고 시도했는데 효과는 여전히 위 그림과 같습니다. 0을 1로 변경하면 아래와 같이 테이블이 전체 화면을 채우고 td도 배경에 가려지는데 테이블의 테두리가 내가 원하는 것이 아닙니다.
위의 방법으로는 문제를 근본적으로 해결할 수 없는 것으로 확인되었다.
코드 복사코드는 다음과 같습니다.
<table cellpadding="0" cellpacing="0" 스타일="너비: 100%;" >
<tr>
<td height="8" width="17px;" <img src="img/bg-header_l.gif " width="17 " height="8" /></td>
<td style="Background:url(img/bg-header_c.gif) Repeat-x;">두 번째 td 콘텐츠 추가< /td>
<td height="8" width="17px;" <img src="img/bg-header_r.gif" width="17" height="8" / >< ;/td>
</tr>
</table>
코드 실행 후의 효과는 기본적으로 최종 결과와 일치합니다. 다음과 같습니다: <tr>
<td height="8" width="17px;" <img src="img/bg-header_l.gif " width="17 " height="8" /></td>
<td style="Background:url(img/bg-header_c.gif) Repeat-x;">두 번째 td 콘텐츠 추가< /td>
<td height="8" width="17px;" <img src="img/bg-header_r.gif" width="17" height="8" / >< ;/td>
</tr>
</table>
코드를 복사하세요 코드는 다음과 같습니다.
<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8" 언어="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>让表格百分之一百显示</title>
</head>
<body style="배경:#9C9;">
<table cellpadding="0" cellpacing="0" style="width:100%;" >
<tr>
<td height="8" width="17px;" ><img src="img/bg-header_l.gif" width="17" height="8" /></td>
<td style="배경:url(img/bg-header_c.gif) 반복-x; 글꼴 크기:0px;"> </td>
<td height="8" width="17px;" ><img src="img/bg-header_r.gif" width="17" height="8" /></td>
</tr>
</테이블>
</body>
</html>
最终效果如下图所示：
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 기사
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
2 포인트 박물관 : 모든 전시회 및 찾을 수있는 곳
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
인기 기사
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
2 포인트 박물관 : 모든 전시회 및 찾을 수있는 곳
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
뜨거운 기사 태그
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
Gmail 이메일의 로그인 입구는 어디에 있나요?
7126
9
7126
9
자바 튜토리얼
1534
14
1534
14
라라벨 튜토리얼
1256
25
1256
25
PHP 튜토리얼
1205
29
1205
29
Cakephp 튜토리얼
1153
46
1153
46
Douyin에 작품을 게시할 예정 시간을 어떻게 설정하나요? 비디오 지속 시간은 어떻게 설정합니까?
Mar 27, 2024 pm 06:11 PM
Douyin에 작품을 게시할 예정 시간을 어떻게 설정하나요? 비디오 지속 시간은 어떻게 설정합니까?
Douyin 태그는 어디에 설정되어 있나요? 정확하게 푸시될 수 있도록 태그를 어떻게 지정해야 합니까?
Mar 27, 2024 am 11:01 AM
Douyin 태그는 어디에 설정되어 있나요? 정확하게 푸시될 수 있도록 태그를 어떻게 지정해야 합니까?
웨이보 중간에 워터마크 설정하는 방법_웨이보 중간에 워터마크 설정하는 방법
Mar 29, 2024 pm 03:31 PM
웨이보 중간에 워터마크 설정하는 방법_웨이보 중간에 워터마크 설정하는 방법
PPT에서 마우스 화살표가 자동으로 숨겨지도록 설정하는 자세한 방법
Mar 26, 2024 pm 02:46 PM
PPT에서 마우스 화살표가 자동으로 숨겨지도록 설정하는 자세한 방법
