div和表格Html佈局問題

-1

我有一個簡單的Html佈局問題。我希望表格根據其表格單元的寬度進行調整，但它正在調整到其父元素。div和表格Html佈局問題

任何幫助？

風格是

<style> 
    .one 
    { 
     width:50px; 
     height:30px; 
     background:black; 
    } 
</style>

HTML：

<div style="position:absolute;width:200px;height:500px;"> 
    <table> 
    <tr> 
    <td class="one"></td><td class="one"></td> 
    <td class="one"></td><td class="one"></td> 
    <td class="one"></td><td class="one"></td> 
    <td class="one"></td><td class="one"></td> 
    <td class="one"></td><td class="one"></td> 
    <td class="one"></td><td class="one"></td> 
    </tr> 
</table> 
</div>

來源

2012-07-13 manoj

和樣式？ – Musa 2012-07-13 04:35:15

你打算給它多少列？ – 2012-07-13 04:51:26

大約10到11或更多......我基本上希望表格比父div元素寬得多，並將div屬性溢出設置爲隱藏 – manoj 2012-07-13 04:54:03

放置在表中的一些內容，改變背景顏色顯示它並擴展到內容，而不是在div容器...它應該做的事你想要的，除非你有一些CSS定義了表的參數，所以檢查表的外部CSS規則。

<div style="position:absolute;width:200px;height:500px;background-color:ff0033;"> 
<table bgcolor="blue"> 
<tr> 
<td class="one"></td><td class="one">wewer</td> 
<td class="one"></td><td class="one"></td> 
<td class="one"></td><td class="one"></td> 
<td class="one"></td><td class="one"></td> 
<td class="one"></td><td class="one"></td> 
<td class="one"></td><td class="one"></td> 
</tr> 
</table> 
</div>

來源

2012-07-13 04:38:12

是的......但行寬度根據外部div寬度進行調整.. 。 – manoj 2012-07-13 04:42:33

只想要一個單一的行.... – manoj 2012-07-13 04:43:01

嘿，現在使用的CSS和使用其類一

像這樣

table{ 
width:100px; 
// other css as requirement layout 
} 
.one{ 
width:50px; 
    // other css as requirement layout 
}

來源

2012-07-13 04:40:44

我想表格調整爲行寬將是所有總表數據的寬度（），而不是像這樣指定它... – manoj 2012-07-13 04:48:20

根據這個線索您的意見定義表和TD的寬度，

你想單行即所有<td>在一個<tr>
表調整爲每這將是所有總表中的數據<td>

WEL寬度的行寬，你就得到了一個單行，如果你看仔細盯着表的內容進行相應的調整。

如果您希望元素與尺寸自動播放你需要做的是在挑選合適的地點合適的元素，不亂他們與他們的尺寸。但是，有時您需要調整尺寸，但如果基礎堅固，則會反映在設計中。

表格元素的設置width不會對錶格產生任何異常。它會根據內容調整自己。你沒有什麼特別的東西可以讓它像這樣工作。

如果你已經設置了父母的overflow:hidden你的輸出將是類似於this.的東西請用更清晰的圖片來修改它。

來源

2012-07-13 04:55:33 Rohit416

nope..it沒有工作 – manoj 2012-07-13 05:00:11

div和表格Html佈局問題

回答

相關問題