简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집> 웹 프론트엔드> CSS 튜토리얼> 본문

테이블의 셀 간격과 셀 패딩의 차이점

Guanhui
풀어 주다： 2020-06-28 18:09:55
앞으로
5254명이 탐색했습니다.

테이블의 셀 간격과 셀 패딩의 차이점

테이블이란 무엇인가요? 테이블에서의 개수는 각 행의에 포함된 셀 수에 따라 달라집니다. 또한 기본 테이블 테이블에는 CSS 스타일

第一个单元格
测试1 测试2 测试3
第二个单元格
测试1 测试2 测试3
第三个单元格
测试1 测试2 测试3
로그인 후 복사

위 코드를 실행한 결과로 보면 두 테이블은 셀 패딩 코드 값만 다릅니다. 첫 번째 테이블에서는 "I am a happy cell table"이라는 단어와 해당 셀 사이의 거리가 다릅니다. located 는 0 입니다. 이는 cellpadding="0" 으로 설정되어 있기 때문입니다. 두 번째 테이블의 "I am a happy cell table"이라는 단어가 해당 셀이 위치한 셀에서 멀리 떨어져 있기 때문입니다. 즉, cellpadding="20" 이기 때문입니다. , "나는 행복한 셀 테이블입니다"와 그것이 위치한 셀의 테두리 사이의 거리는 20픽셀입니다. 간단히 말해서, cellpadding의 값은 테이블의 셀이 자체 경계에서 안쪽으로 유지하는 공백의 양과 같습니다. 셀의 요소는 해당 공백에 들어가지 않습니다. ||cellpadding 속성은 셀 내용과 셀 경계 사이의 공백 거리 크기를 지정하는 데 사용됩니다. 이 속성의 매개변수 값도 숫자이며, 이는 셀 내용과 위쪽 및 아래쪽 테두리 사이의 공백 거리의 높이가 차지하는 픽셀 수와 셀 내용 사이의 공백 거리의 너비가 차지하는 픽셀 수를 나타냅니다. 셀 내용과 왼쪽 및 오른쪽 테두리.

e.g 요약: cellspacing은 셀 사이의 거리를 나타내고, cellpadding은 셀 내용과 테두리 사이의 거리를 나타내며, 후자는 padding(셀)과 같습니다. - table content; fill)(cellpadding) - 둥지 공간에서 둥지를 분리하는 데 사용되는 둥지 외부의 거리를 나타냅니다. (테이블 간격) (cellspacing) - 테이블 테두리와 둥지 패딩 사이의 거리를 나타냅니다. 또한 둥지 사이의 거리도 나타냅니다. fills

확장 1: 표의 행과 열을 병합하는 방법은 무엇인가요? Colspan은 여러 열을 병합하고 rowspan은 여러 행을 병합합니다

코드 표시: 



    
        
        tabl表格中cellpadding的区别
        
    


    
        

            

                我是快乐的cell表格
                我是快乐的cell表格
                我是快乐的cell表格
            

        

        

            

                我是快乐的cell表格
                我是快乐的cell表格
                我是快乐的cell表格
로그인 후 복사

확장 2: 표 테두리를 병합하는 방법은 무엇입니까? border-collapse:collapse;



    
        
        colspan与rowspan的区别
        
    


    
    

        正常展示：一行三列
        

            说点啥了,不知道
            说点啥了,不知道
            说点啥了,不知道
        

    

    

        现在要展示一行二列,怎么办？colspan跨列合并
        

            说点啥了,不知道
            说点啥了,不知道
            
        

    

    
    

        正常展示：二行二列
        

            说点啥了,不知道
            说点啥了,不知道
        

        

            说点啥了,不知道
            说点啥了,不知道
        

    

    

        现在要展示一行二列,怎么办?rowspan跨行合并
        

            说点啥了,不知道
            说点啥了,不知道
        

        

            
            说点啥了,不知道
로그인 후 복사

마지막으로 Chrome 브라우저에서 시스템 기본 표 테두리 색상은 회색, 테두리 간격은 2 등입니다.


    
    

        
            

                单元格1
                单元格2
                单元格3
로그인 후 복사

추천 튜토리얼: "

CSS Tutorial

"

위 내용은 테이블의 셀 간격과 셀 패딩의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
cellpadding table
원천：jb51.net
이전 기사：CSS 레이아웃의 양쪽 끝에 레이아웃 구현 다음 기사：CSS에서 하나의 콜론과 두 개의 콜론은 무엇을 의미합니까?
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Laravel 마이그레이션에서 Text와 LongText의 차이점은 무엇입니까? 마이그레이션 파일 부분은 다음과 같습니다: Schema::create('samples',function(Blueprint$table){$table->id()...
에서 2023-11-08 16:42:35
0
2
278
sqlalchemy.exc.ArgumentError: 목록 인수에는 튜플이나 사전만 포함되어야 합니다. 저는 sqlalchemy를 사용하여 데이터를 mysql 데이터베이스에 덤프하려고 했습니다. 이 작업을 시도하면 sqlalchemy.exc.ArgumentError...
에서 2023-11-07 21:06:02
0
1
286
Laravel 데이터베이스 스키마, null 허용 외래 키 다음 두 개의 데이터베이스 테이블이 있습니다. 사용자 테이블 파트너 테이블 사용자 테이블은 이러한 종류의 정보를 처리합니다 Schema::create('users...
에서 2023-10-17 14:43:49
0
2
294
PHP PDO 문은 테이블이나 열 이름을 매개변수로 받아들일 수 있나요? 준비된 PDO 문에 테이블 이름을 전달할 수 없는 이유는 무엇입니까? $stmt=$dbh->prepare('SELECT*FROM:tableWHERE1');i...
에서 2023-10-17 12:46:05
0
2
247
SQL 주입으로부터 PHP를 보호하는 방법은 무엇입니까? 사용자 입력이 수정 없이 SQL 쿼리에 삽입되면 다음 예와 같이 애플리케이션이 SQL 주입에 취약해집니다. $unsafe_variable=$_POST['user_...
에서 2023-10-08 15:42:46
0
2
265
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！