猿问

tr 之间距离怎么用css控制?

我网上看到有人说用line-height控制,可是好像要放在div里面。
还有其它方法吗?直接在tr里设置。
<tr style="line-height:10px;"> 这种写法没有效果的,我已经试过了。

守着一只汪
浏览 1504回答 3
3回答

森栏

tr 之间距离可以通过设置 tr 的外边距(margin)来实现,但是注意必须先把tr的显示属性设置为块体(block)元素:1234tr{&nbsp;&nbsp;&nbsp;&nbsp;display:block;&nbsp;/*将tr设置为块体元素*/&nbsp;&nbsp;&nbsp;&nbsp;margin:2px&nbsp;0;&nbsp;&nbsp;/*设置tr间距为2px*/}示例如下:创建HTML元素12345<table>&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>1</td><td>2</td><td>3</td></tr>&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>4</td><td>5</td><td>6</td></tr>&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>7</td><td>8</td><td>9</td></tr></table添加css样式12345table{border-collapse:&nbsp;collapse;}td{width:90px;padding:5px;border:1px&nbsp;solid&nbsp;green;}tr{&nbsp;&nbsp;&nbsp;&nbsp;display:block;&nbsp;/*将tr设置为块体元素*/&nbsp;&nbsp;&nbsp;&nbsp;margin:2px&nbsp;0;&nbsp;&nbsp;/*设置tr间距为2px*/显示效果&nbsp;&nbsp;
随时随地看视频慕课网APP
我要回答