表列中沒有顯示調整大小

enter image description here 我有三個表...... 第一個表沒有給出保證金左..... 在哪裏作爲下兩個表我給了餘裕左移動它在左側稍微.... 但當我調整窗口我無法看到在其他兩個表中的最後一列.... 如何解決它.... 第一張桌子看起來很好甚至即使經過調整......表列中沒有顯示調整大小

http://jsfiddle.net/x7HD9/

提供以下

我的代碼10

<table class="table" style="margin-left: 160px; width: 1759px;"> 
       <thead> 
       <tr class="subBomListHeading subBomHeading" style=""> 
        <th>BOM Type</th> 
        <th>Product P/N</th> 
        <th>Version</th> 
        <th>Brand Name</th> 
        <th>BOM Description</th> 
        <th>Generation</th> 
        <th>Version</th> 
        <th>Notes</th> 
        <th>Delete</th> 
       </tr> 
       </thead> 
       <tbody> 
       <tr style="background-color: #e5dcd1;" class=" subBom"> 
        <td>sub BOM</td> 
        <td>99-00302-00</td> 
        <td>v.02</td> 
        <td>Creative</td> 
        <td>Hardware v1.0 System</td> 
        <td>G1</td> 
        <td>1</td> 
        <td>new</td> 
        <td><input type="radio" name="sex" value="male"></td> 
       </tr> 
       </tbody> 
       </table>

來源

2013-02-12 user2045025

你能提供你希望如何進行佈局元素的圖表或樣機？ – cimmanon 2013-02-12 20:33:06

@cimmanon提供了圖像 – user2045025 2013-02-12 21:17:51

爲了澄清，您只是想讓棕色主題的表格與右側對齊？ – cimmanon 2013-02-12 21:59:25

我會假設你已經在你的表上設置了width: 100%，這就是你的問題，它們被設置爲窗口的寬度，然後右移，所以你不能看到最後一列，你應該改變寬度爲較低的價值。

來源

2013-02-12 18:35:02 dezman

我減少了它的工作寬度，只適用於特定大小的瀏覽器.... – user2045025 2013-02-12 18:44:04

嘗試：

<table class="table" style="margin-left: 160px; width: 100%;">

而且，記住，<tables>不是 'responsives'（在 '重新佈局'），但仍然是 'extensibles'。

您的表格以最小寬度顯示，這是正常的，您沒有看到最後一列，它溢出了視口。

來源

2013-02-12 18:37:32

我試過了，它不工作..... http：//jsfiddle.net/x7HD9/1/ – user2045025 2013-02-12 18:40:49

有太多的CSS讓我嘗試和理解。我認爲從頭開始只用一張桌子，然後逐漸添加CSS將是一個好主意。

來源

2013-02-12 18:45:35 matsolof

我給你的屬性，棕色的表。 ..still問題發生....提供我的小提琴... http：//jsfiddle.net/x7HD9/2/embedded/result/ – user2045025 2013-02-12 18:52:22

這裏有幾個問題。

首先，您已爲表格定義了固定寬度。根據在祖先元素上如何設置overflow屬性，它可能導致你描述的剪裁，因爲該元素對於該空間來說太寬。目前還不清楚，以你想要多寬，這些元素是，但這樣的事情會做的伎倆：

table.brown { 
    min-width: 80%; /* or just plain `width: 80%` */ 
}

最終，隨之而來的一個地步，你將不能夠調整由於內容表格根本不會允許它。一旦您的單元格縮小到1個單詞寬度，則無需添加word-break: break-all即可幫助更長的單詞，如「說明」。

其次，如果您想在特定的方向上推動它，您希望使用不同的邊距設置。使用汽車作爲餘量的值會導致元素一直移動到右側。

table.brown { 
    margin-left: auto; 
}

http://jsfiddle.net/x7HD9/3/

來源

2013-02-12 22:24:34 cimmanon

感謝您的答覆，但棕色的桌子應該移動到一點點。 ....你可以看到圖像 – user2045025 2013-02-13 00:27:33

我*可以*看到圖像，你有其他的樣式，迫使表是100％寬，即你的'。表'類。 – cimmanon 2013-02-13 00:50:11

表列中沒有顯示調整大小

回答

相關問題