创建灵活的宽度和布局布局高度

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页面时你会遇到问题。