與其他內容嵌入的顯示錶

Question

爲什麼我的表不會與其他內容inline/inline-block內聯顯示？什麼是最好的解決方案？

這是使用inline-block或inline-table應用於表。

請注意，當你刪除任何一個元素時，它們顯示在一行上，就像你期望的那樣沒有額外的間距。

<div> 
 
<a class="btn btn-xs"> 
 
    down too low 
 
</a> 
 
<table style="display:inline-block;"> 
 
<tbody> 
 
    <td> 
 
    <a class="btn btn-xs"> 
 
     up too high 
 
    </a> 
 
    </td> 
 
</tbody> 
 
</table> 
 
</div>

Answer 1

上table

.btn, .tbl { 
 
    vertical-align: top; 
 
} 
 

 
.tbl { 
 
    display:inline-block; 
 
    border-collapse: collapse; 
 
} 
 

 
td, .tbl { 
 
    padding: 0; 
 
}

<div> 
 
<a class="btn btn-xs"> 
 
    down too low 
 
</a> 
 
<table class="tbl"> 
 
<tbody> 
 
    <td> 
 
    <a class="btn btn-xs"> 
 
     up too high 
 
    </a> 
 
    </td> 
 
</tbody> 
 
</table> 
 
</div>