长期困扰，望解答-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 Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
五个常见的Go语言面试题及解答
Jun 01, 2023 pm 08:10 PM
作为近年来备受热捧的一门编程语言，Go语言已经成为众多公司与企业的面试热点。对于Go语言初学者而言，在面试过程中遇到相关问题时，如何回答是一个值得探讨的问题。下面列举五个常见的Go语言面试题及解答，供初学者参考。请介绍一下Go语言的垃圾回收机制是如何工作的？Go语言的垃圾回收机制基于标记-清除算法和三色标记算法。当Go程序中的内存空间不够用时，Go垃圾回收器
word间距如何调整
Mar 19, 2024 pm 07:10 PM
word间距的内容包括字间距和行间距，间距的调整在文档中有很重要的地位，影响整体的排版，文字呈现形式，合理的word间距可以使文档内容显得整洁不紧凑，增加合理视觉效果。希望今天小编的讲解可以为大家排忧解难，解决关于word间距的调整问题。调整行间距的步骤如下：1.如图所示，打开需要进行调整的word文档，将要调整行间距的内容都拖选住后按右键，选择段落选项。2.在弹出的对话框找到间距选项，随后点击行距下拉列表，选择自己需要的行距大小。选择后点击确定，选择的内容行间距都调整了。调整字间距的步骤如下:
CentOS文件系统常见问题解答
Feb 23, 2024 pm 12:45 PM
CentOS文件系统常见问题解答在使用CentOS操作系统过程中，文件系统是一个至关重要的组成部分。它负责存储、组织和管理文件和目录，对系统的稳定运行和数据安全起着至关重要的作用。然而，不可避免地，在使用文件系统的过程中会遇到一些常见问题。本文将针对CentOS文件系统常见问题进行解答，希望能帮助读者更好地理解和处理这些问题。问题一：如何查看文件系统的使用情
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交易所的平台治理，包括投票选举OKEx交易所的管理团队、参与OKEx交易所的重大决策等。参与平台活动：OKB币持有者可以参与OKE
Tezos币值得长期持有吗？Tezos币值得投资吗？
Feb 27, 2024 pm 03:30 PM
Tezos币值得长期持有吗？Tezos币值得投资吗？正文Tezos是一种基于区块链技术的加密货币，由ArthurBreitman和KathleenBreitman于2014年创立。Tezos旨在提供一种安全、高效和可扩展的加密货币解决方案，并通过其独特的治理模式来实现这一目标。该项目通过采用自我修复功能和去中心化的治理机制，致力于提供一个更加民主和透明的区块链网络。Tezos的创新之处在于其能够通过社区共识不断升级和改进，从而适应不断变化的市场需求和技术发展。这使得Tezos成为一个备受关注的加
ThinkPHP6的常见问题解答
Jun 20, 2023 am 09:14 AM
随着互联网时代的发展，Web开发框架在快速发展。ThinkPHP是一个基于PHP语言的高效Web开发框架，具有优良的可扩展性和高效性，是国内使用最广泛的PHP开发框架之一。当前版本为ThinkPHP6，是ThinkPHP的最新版本，自带路由、自动加载、多应用、控制器中间件、事件机制等众多特性，拥有大量的用户和贡献者。本文将围绕ThinkPHP6的常见问题展开
php中tr是列还是行
Aug 03, 2023 pm 02:53 PM
php中tr是行，在Web开发中，表格（table）是一种常见的HTML元素，用于展示数据。表格由行和列组成，行用于展示数据的每一条记录，列则用于展示每个字段的值。通过嵌套td标签，可以在tr标签内定义每个单元格的内容。
莱特币值得长期持有吗？莱特币值得投资吗？
Feb 27, 2024 am 09:10 AM
莱特币：值得长期持有吗？莱特币（LTC）是一种由前谷歌工程师查理·李（CharlieLee）于2011年创立的加密货币。莱特币在很多方面与比特币相似，但它拥有更快的交易确认速度和更低的交易成本。莱特币的长期持有价值取决于多种因素，包括：莱特币的技术优势：莱特币具有更快的交易速度和更低的交易费用，这使其成为一种更实用的支付方式。莱特币的市场认可度：莱特币是目前市值排名靠前的加密货币之一，在全球范围内拥有大量的投资者和用户。莱特币的发展前景：莱特币的核心技术团队正在积极开发莱特币的技术，包括提高交易
