html怎么控制两个table间的间距

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html怎么控制两个table间的间距相关的知识,希望对你有一定的参考价值。

首先,你需要了解盒子模型,也就是说一个html元素的占位,从内到外,依次是:


content -> padding -> boder -> margin


再回到你的问题上,如果想要控制2个table之间的间距,我们可以设置他们的外边距,也就是margin这个属性(如果这2个table是挨在一起的话),margin用法很简单,你可以设置简单一点:


table
    margin:0 10px; // 控制table元素的上下边距为0,左右边距为10像素

参考技术A 可以设置两个table的外边距来控制两个table的间距

HTML的table中td内容换行上下间距怎么设置

HTML的table中td内容换行 一段文章在一个td里面怎么设置其间距,有高手回答下么?

参考技术A <html>
<style>
.test div
margin-top : 5px;

</style>
<table border=1>
<tr>
<td>
111111<br>
222222<br>
333333
</td>
</tr>
<tr>
<td>
111111<p>
222222<p>
333333
</td>
</tr>
<tr class="test">
<td>
<div>111111</div>
<div>222222</div>
<div>333333</div>
</td>
</tr>
</table>
</html>
我想你要的是第三中情况的
参考技术B tdline-height:2em;本回答被提问者采纳

以上是关于html怎么控制两个table间的间距的主要内容,如果未能解决你的问题,请参考以下文章

html div下有一行文字 文字下面是个table 文字与这个table之间的间距怎么控制 谢谢!

HTML CSS表格如何控制上下间距

如何设定CSS控制元素内部的元素之间间距

cdr调整文本框行距?

HTML的table中td内容换行上下间距怎么设置

bootstrap怎么控制组件的间距