如何製作具有特定首選項的3列表格

我目前正在設計一個網站，並且希望在HTML上擁有完全相同的網站。一部分是標題徽標，我想全面支持寬屏顯示器，所以我創建了一個帶有3列的表格，從左邊開始是擴展徽標設計的白色背景，中間是具有固定寬度的徽標，右邊的一列是帶有鮮紅色背景的深色牛仔布藍色，也是爲了適應徽標，兩邊應該具有相同的寬度，結果中間的列將保留在中間。如何製作具有特定首選項的3列表格

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

以下是我想要的工作： http://i.stack.imgur.com/SO7uI.png

但我不能設法讓那些雙方根據瀏覽器的屏幕寬度調整自己。我知道如何重複圖像，使其看起來像是在擴展（background-repeat：repeat-x;）和相同大小（background-size：contains;），無論我在CSS中放置什麼樣的值寬度：自動;）或（寬度：100％;）或（寬度：*;），它只是不起作用。

請幫助我，非常感謝您的耐心等待。

來源

2013-08-19 Wilson Luk

如何設置這兩列的寬度？ – 2013-08-19 05:36:20

你應該顯示你到目前爲止的HTML。你寫的東西不清楚;比如我不知道你目前的頁面有什麼問題;它看起來像它做你想要的！如果你的表是100％，而你的中間列有固定的寬度，那麼'width：auto'（或者根本沒有寬度）就可以實現。 –

但是，您不應該使用表格進行佈局;這不是他們的目的。 –

如果你是真的使用表...並且我理解你的問題。我認爲這接近你正在尋找的東西。

<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>

來源

2013-08-19 05:42:10 happyhuman

您是否嘗試過以上？你能提供一個你的html和css的樣本嗎？ – happyhuman

如何製作具有特定首選項的3列表格

回答

相關問題