跟着医生学php：为什么tr的间距无法设定？

最新推荐文章于 2022-11-21 20:40:19 发布

原创最新推荐文章于 2022-11-21 20:40:19 发布 · 362 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #前端

本文记录了一位学习者在CSS布局中遇到的困惑，即如何为<tr>元素设置margin属性。通过分享自己的学习历程和解决方法，作者指出在默认情况下，tr元素不支持margin，但通过设置display:block可以启用该属性。这是一个关于前端开发中的CSS技巧，特别是针对HTML表格布局的问题。感谢网络上的帮助，作者得以解决并希望这个经验能对他人有所帮助。

智者千虑必有一失，愚者千虑必有一得。由于近期天气变化剧烈，患者比较多，没有办法坚持学习，进度慢了很多，但是语言的学习必须持之以恒，所以虽然学习缓慢，但仍然在进行中，自然就能陆续有所小得。今天分享的是自己踩过的一个坑，tr间距的设置。
在之前的学习中，我们已经学会了margin 和 padding这些常规的属性，对于表单元素，用起来都很舒适，但是今天写下如下的代码，却始终没有看见期待的改变

<head>
<style type="text/css">
tr{
margin: 10px 0;
}
</style>
</head>

左思右想不得其解。幸亏在网上蒙高人指点，方解决问—必须设置为block才可以给tr启用margin这个属性

<style type="text/css">
tr{display: block;
	margin: 10px 0; 
	}
</style>

谢谢phpers的奉献，在此分享，以惠后人。