怎么将html的table表格第一行每个单元格向上移动不同距离。
本来想用margin-top取负,但是必须要有display:inline-block或block,但是会导致独占一行或重叠在一起。怎么样才能使其每个单元只是垂直上移不同距离///////////////////////////html///////////////////////[table] [tr] [td]1111
[/td] [td]242
[/td] [td]2424
[/td] [td]32
[/td] [td]324
[/td] [td]332
[/td] [/tr] [tr] [td]2222
[/td] [td]2
[/td] [td]2
[/td] [td]2
[/td] [td]32
[/td] [td]4
[/td] [/tr]/////////////////////////css/////////////////////////.td1{ width: 150px; margin-top: -300px; //第一列每个单元格上移不同高度}.td2{ width: 150px; margin-top: -350px; }.td3{ width: 150px; margin-top: -400px; }.td4{ width: 150px; margin-top: -350px; }.td5{ width: 150px; margin-top: -300px; }.td6{ width: 150px; margin-top: -250px; } |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
.td1{width:150px;position:relative;bottom:300px;//第一列每个单元格上移不同高度}.td2{width:150px;position:relative;bottom:350px;}.td3{width:150px;position:relative;bottom:400px;}.td4{width:150px;position:relative;bottom:350px;}.td5{width:150px;position:relative;bottom:300px;}.td6{width:150px;position:relative;bottom:250px;} |
|
|
|
|