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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML CSS表格如何控制上下间距相关的知识,希望对你有一定的参考价值。

我感觉这样上下间距有点小,如本控制他的的间距

参考技术A table中的属性cellspacing和cellpadding可以控制,另外style样式中padding可以控制表格内间距 参考技术B css:
td
margin-top:10px; 上间距
margin-right:10px; 右间距
margin-bottom:10px; 下间距
margin-left:10px; 左间距
参考技术C 就margin:10px; 可控制所有间距

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 CSS表格如何控制上下间距的主要内容,如果未能解决你的问题,请参考以下文章

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

如何使用透明间距/边框在行之间留出空间 - HTML/CSS

latex 表格下方和正文间距如何调整?

Div 与 CSS 如何实现上下居中

html中表格内容超出后隐藏问题

表格里怎么缩小字间距