长期困扰，望解答-tr的间距问题_html/css_WEB-ITnose
tr的间距
无论用css，还是html，甚至js都可以，
如何能让tr的上下有间距？
（不要用td里再套table的方式）
就是要这个效果
回复讨论(解决方案)
<!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>无标题文档</title><style>table{margin:0;padding:0;border-collapse:collapse;}td,th{border:solid 1px #ccc; width:100px;}.noborder{border:none;height:5px;overflow:hidden;}</style></head><body><table> <tr> <th>姓名</th> <th>学号</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>小马</td> <td>00001</td> <td>男</td> <td>20</td> </tr> <tr> <td colspan="4" class="noborder"></td> </tr> <tr> <td>小李</td> <td>00002</td> <td>男</td> <td>20</td> </tr> <tr> <td colspan="4" class="noborder"></td> </tr> <tr> <td>小张</td> <td>00003</td> <td>男</td> <td>22</td> </tr></table></body></html>
<!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>无标题文档</title><style>table{margin:0;padding:0;border-collapse:collapse;}td,th{border:solid 1px #ccc; width:100px;}.noborder{border:none;height:5px;overflow:hidden;}</style></head><body><table> <tr> <th>姓名</th> <th>学号</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>小马</td> <td>00001</td> <td>男</td> <td>20</td> </tr> <tr> <td colspan="4" class="noborder"></td> </tr> <tr> <td>小李</td> <td>00002</td> <td>男</td> <td>20</td> </tr> <tr> <td colspan="4" class="noborder"></td> </tr> <tr> <td>小张</td> <td>00003</td> <td>男</td> <td>22</td> </tr></table></body></html>除此之外再无他法了吗？没有能直接设置的办法吗？请回复下，没有我就结贴了
既然你用了表格，那么在css中一般有个原则，不会给除了 td,th外的标签加样式，带来的兼容问题还是挺多的，因此行与行之间的间隔距离，最好还是利用空行填充，也就是合并单元格
既然你用了表格，那么在css中一般有个原则，不会给除了 td,th外的标签加样式，带来的兼容问题还是挺多的，因此行与行之间的间隔距离，最好还是利用空行填充，也就是合并单元格
谢谢
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7469
15
1376
52
77
11
48
19
19
29
다섯 가지 일반적인 Go 언어 면접 질문과 답변
Jun 01, 2023 pm 08:10 PM
최근 몇 년간 큰 인기를 얻은 프로그래밍 언어로 Go 언어는 많은 기업과 기업에서 인터뷰의 핫스팟이 되었습니다. Go 언어 초보자의 경우 인터뷰 과정에서 관련 질문에 어떻게 대답할지가 탐구해 볼 만한 질문입니다. 초보자가 참고할 수 있는 일반적인 Go 언어 인터뷰 질문 5가지와 답변은 다음과 같습니다. Go 언어의 가비지 수집 메커니즘이 어떻게 작동하는지 소개해주세요. Go 언어의 가비지 수집 메커니즘은 마크 스윕 알고리즘과 3색 표시 알고리즘을 기반으로 합니다. Go 프로그램의 메모리 공간이 충분하지 않으면 Go 가비지 수집기가
단어 간격을 조정하는 방법
Mar 19, 2024 pm 07:10 PM
단어 간격에는 단어 간격과 줄 간격이 포함됩니다. 간격 조정은 문서에서 중요한 역할을 하며 전체 레이아웃과 텍스트 표현에 영향을 줍니다. 적절한 단어 간격은 문서 내용을 깔끔하고 간결하게 보이게 하며 합리적인 시각적 효과를 높일 수 있습니다. 오늘 에디터의 설명이 여러분의 문제 해결과 자간 조정 문제 해결에 도움이 되기를 바랍니다. 줄 간격을 조정하는 단계는 다음과 같습니다. 1. 그림과 같이 조정이 필요한 워드 문서를 열고 조정할 내용을 드래그하여 선택한 후 마우스 오른쪽 버튼을 클릭하고 단락 옵션을 선택합니다. 2. 팝업 대화 상자에서 간격 옵션을 찾은 다음 줄 간격 드롭다운 목록을 클릭하고 필요한 줄 간격 크기를 선택합니다. 선택 후 확인을 클릭하면 선택한 내용의 줄 간격이 조정됩니다. 단어 간격을 조정하는 단계는 다음과 같습니다.
CentOS 파일 시스템 FAQ
Feb 23, 2024 pm 12:45 PM
CentOS 파일 시스템 FAQ 파일 시스템은 CentOS 운영 체제를 사용하는 데 중요한 구성 요소입니다. 파일과 디렉토리의 저장, 정리, 관리를 담당하며, 시스템의 안정적인 운영과 데이터 보안에 중요한 역할을 합니다. 그러나 파일 시스템을 사용할 때 필연적으로 몇 가지 일반적인 문제에 직면하게 됩니다. 이 기사에서는 독자가 이러한 문제를 더 잘 이해하고 처리하는 데 도움이 되기를 바라며 CentOS 파일 시스템에 대한 일반적인 질문에 답변할 것입니다. 질문 1: 파일 시스템 사용량을 확인하는 방법
OKB 코인은 장기간 보유할 가치가 있나요? OKB 코인은 투자할 가치가 있나요?
Feb 27, 2024 pm 03:13 PM
OKB 코인은 장기간 보유할 가치가 있나요? OKB 코인은 OKEx 거래소에서 발행하는 플랫폼 화폐로, 2017년 10월 26일 처음 출시되었습니다. 총 유통량은 10억 개이며, 그 중 70%는 사용자 보상에 사용되고, 20%는 팀 및 생태 구축에 사용되고, 나머지 10%는 마케팅 및 운영에 사용됩니다. OKB 코인은 다음과 같은 장점이 있습니다. 거래 수수료 할인: OKB 코인 보유자는 OKEx 거래소에서 거래 수수료 할인을 누릴 수 있으며, 할인율은 OKB 코인 보유 수에 따라 결정됩니다. 플랫폼 거버넌스에 참여: OKB 코인 보유자는 OKEx Exchange 관리팀에 대한 투표, OKEx Exchange의 주요 결정 참여 등 OKEx Exchange의 플랫폼 거버넌스에 참여할 수 있습니다. 플랫폼 활동 참여: OKB 코인 보유자는 OKE에 참여할 수 있습니다.
테조스는 장기적으로 보유할 가치가 있나요? 테조스 코인은 투자할 가치가 있나요?
Feb 27, 2024 pm 03:30 PM
테조스는 장기적으로 보유할 가치가 있나요? 테조스 코인은 투자할 가치가 있나요? Text Tezos는 블록체인 기술을 기반으로 한 암호화폐로 Arthur Breitman과 Kathleen Breitman이 2014년에 설립했습니다. Tezos는 안전하고 효율적이며 확장 가능한 암호화폐 솔루션을 제공하는 것을 목표로 하며 고유한 거버넌스 모델을 통해 이 목표를 달성합니다. 이 프로젝트는 자가 치유 기능과 분산형 거버넌스 메커니즘을 채택하여 보다 민주적이고 투명한 블록체인 네트워크를 제공하기 위해 노력하고 있습니다. Tezos의 혁신은 변화하는 시장 요구와 기술 발전에 적응하기 위해 커뮤니티 합의를 통해 지속적으로 업그레이드하고 개선하는 능력에 있습니다. 이로 인해 Tezos는 주목받는 추가 업체가 되었습니다.
ThinkPHP6 FAQ
Jun 20, 2023 am 09:14 AM
인터넷 시대의 발전과 함께 웹 개발 프레임워크도 빠르게 발전하고 있습니다. ThinkPHP는 PHP 언어를 기반으로 한 효율적인 웹 개발 프레임워크로, 확장성과 효율성이 뛰어납니다. 중국에서 가장 널리 사용되는 PHP 개발 프레임워크 중 하나입니다. 현재 버전은 ThinkPHP의 최신 버전인 ThinkPHP6입니다. 라우팅, 자동 로딩, 다중 애플리케이션, 컨트롤러 미들웨어, 이벤트 메커니즘 등 많은 기능이 포함되어 있으며 수많은 사용자와 기여자가 있습니다. 이 기사에서는 ThinkPHP6의 일반적인 문제에 중점을 둘 것입니다.
PHP의 tr은 열인가요, 아니면 행인가요?
Aug 03, 2023 pm 02:53 PM
PHP의 tr은 행입니다. 웹 개발에서 테이블은 데이터를 표시하는 데 사용되는 일반적인 HTML 요소입니다. 테이블은 행과 열로 구성됩니다. 행은 데이터의 각 레코드를 표시하는 데 사용되고 열은 각 필드의 값을 표시하는 데 사용됩니다. td 태그를 중첩하면 각 셀의 내용을 tr 태그 내에서 정의할 수 있습니다.
Litecoin은 장기간 보유할 가치가 있나요? 라이트코인은 투자할 가치가 있나요?
Feb 27, 2024 am 09:10 AM
라이트코인: 장기적으로 보유할 가치가 있나요? 라이트코인(LTC)은 전직 구글 엔지니어인 찰리 리(Charlie Lee)가 2011년에 설립한 암호화폐입니다. 라이트코인은 여러 면에서 비트코인과 유사하지만 거래 확인 속도가 빠르고 거래 비용이 저렴합니다. Litecoin의 장기 보유 가치는 다음을 포함한 다양한 요소에 따라 달라집니다. Litecoin의 기술적 장점: Litecoin은 거래 속도가 더 빠르고 거래 수수료가 낮아 더욱 실용적인 결제 방법입니다. Litecoin의 시장 인지도: Litecoin은 시가총액 기준 최고의 암호화폐 중 하나이며 전 세계적으로 수많은 투자자와 사용자를 보유하고 있습니다. Litecoin의 발전 전망: Litecoin의 핵심 기술팀은 거래 개선을 포함하여 Litecoin의 기술을 적극적으로 개발하고 있습니다.
