Question

我目前正在设计一个网站，我希望在HTML上完全相同。一部分是标题标识，我想完全支持宽屏显示器，所以我创建了一个有3列的表，从左边开始是白色背景以扩展徽标设计，中间一个是具有固定宽度的徽标，右边的列是深红色背景的深蓝色牛仔布，也是为了与徽标相配，两边应该有相同的宽度，结果是中间的柱子会留在中间。

以下是它的样子： http://i.stack.imgur.com/76AF2.png

以下是我希望它如何工作： http://i.stack.imgur.com/SO7uI.png

但我无法根据浏览器的屏幕宽度让这两方自行调整大小。我知道如何重复图像，使它看起来像是在扩展（background-repeat：repeat-x;）和相同的大小（background-size：contains;），无论我在CSS中放入什么样的值（ width：auto;）或（width：100％;）或（width：*;），它只是不起作用。

请帮助我，非常感谢你的耐心等待。

Answer 1

如果你真的使用表格......我理解你的问题。我认为这与你正在寻找的很接近。

<table style="width:100%;border:1px solid black"">
    <tr>
        <td style="border: 1px solid black;">left</td>
        <td style="width:860px;border: 1px solid black;">middle</td>
        <td style="border: 1px solid black;">right</td>
    </tr>
</table>

如何制作具有特定首选项的3列表

1 个答案: