我網(wǎng)上看到有人說(shuō)用line-height控制，可是好像要放在div里面。還有其它方法嗎？直接在tr里設(shè)置。<tr style="line-height:10px;"> 這種寫法沒有效果的，我已經(jīng)試過(guò)了。
3 回答
森欄
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超5個(gè)贊
tr 之間距離可以通過(guò)設(shè)置 tr 的外邊距（margin）來(lái)實(shí)現(xiàn)，但是注意必須先把tr的顯示屬性設(shè)置為塊體（block）元素：
1 2 3 4 | tr{ display:block; /*將tr設(shè)置為塊體元素*/ margin:2px 0; /*設(shè)置tr間距為2px*/ } |
示例如下：
創(chuàng)建HTML元素
1 2 3 4 5 | <table> <tr><td>1</td><td>2</td><td>3</td></tr> <tr><td>4</td><td>5</td><td>6</td></tr> <tr><td>7</td><td>8</td><td>9</td></tr> </table |
添加css樣式
1 2 3 4 5 | table{border-collapse: collapse;} td{width:90px;padding:5px;border:1px solid green;} tr{ display:block; /*將tr設(shè)置為塊體元素*/ margin:2px 0; /*設(shè)置tr間距為2px*/ |
- 顯示效果
添加回答
舉報(bào)
0/150
提交
取消