css - 为宽度和高度创建灵活的布局

Question

希望大家能帮帮我。我面临一些 CSS 布局问题。我希望布局具有与使用 div 的表格相同的自动扩展宽度和高度的效果。我想要的效果与下面的示例相同。宽度和高度的布局是动态的，里面的内容都在同一水平线上。

<table>
    <tr>
        <th>ipsum dolor sit amet</th>
        <td>
            <ul>
                <li>apple</li>
                <li>orange</li>
                <li>mango</li>
            </ul>
        </td>
    </tr>
    <tr>
        <th>ipsum</th>
        <td>
           <ul>
                <li>apple</li>
                <li>orange</li>
                <li>mango</li>
            </ul>
         </td>
    </tr>
</table>

是否可以仅使用 CSS 来实现？感谢您的帮助，如果您能提供一些提示...

Answer 1

我建议你使用 DIV 而不是 table，table 不够灵活，当你在不同的浏览器上测试你的 HTML 页面时你会遇到问题。