css - CSS如何在<li>内部对齐水平元素

我有这个HTML代码

<ul id="list-table">
    <li>
        <table id="test-tab">...</table>
        <ul id="panel-table">...</ul>
    </li>
</ul>

我希望li内的表“ test-tab”和ul“ panel-table”像这样http://img.photobucket.com/albums/v246/TuanVenus/table-css.png显示水平

最佳答案

我建议使用float: left。通常，我会选择display: inline-block，但这可能会破坏表的布局。不要忘记添加一个伪元素，该元素为父元素（<li>）提供明确的修复。

#test-tab, #panel-table {
    float: left;
}
#list-table li::after {
    content: "";
    display: block;
    clear: both;
}

关于css - CSS如何在<li>内部对齐水平元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22475948/