小编Tim*_*sey的帖子

有没有办法让<tr>浮动一个响应表布局?

我很好奇是否有任何办法让细胞4漂浮在细胞3旁边?

我不想考虑非表格解决方案(请不要建议,因为我知道如何做到这一点).如果要求可以逐字完成,我只是好奇.

感谢任何可以提供任何输入的HTML/CSS大师.

table{
    width:100%;
    table-layout:fixed;
    max-width:500px;
}
td{
    width:50%;
    display:inline-block;
    margin:0;
    padding:0;
}
Run Code Online (Sandbox Code Playgroud)
<table>
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
</tr>
<tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

期望的布局:

在此输入图像描述

html css css-float responsive-design

2
推荐指数
1
解决办法
4617
查看次数

标签 统计

css ×1

css-float ×1

html ×1

responsive-design ×1