爲什麼表格寬度：100％不起作用？

我需要我的表是100％的寬度，但不知何故李有100％的寬度，表忽略我的李的寬度。我怎樣才能解決這個問題？我通過不同的帖子看到這個問題，到處解決方案就像「設置寬度爲100％」，這顯然不能解決我的問題..爲什麼表格寬度：100％不起作用？

更多信息：我需要的nowrap。因爲這是一個滑塊。

table{ 
 
\t width:100%; 
 
\t padding:20px; 
 
\t background:linear-gradient(rgb(230,57,18),rgb(170,32,11)); \t 
 
} 
 
ul.table-wrap{ 
 
\t overflow:hidden; 
 
    list-style:none; 
 
    white-space:nowrap; 
 
    width:100%; 
 
} 
 
ul.table-wrap li.table-item{ 
 
\t display:inline-block; 
 
\t width:100%; 
 
} 
 
table tr td{ 
 
\t color:white; \t 
 
\t vertical-align:middle; 
 
\t padding: 20px 0 20px 0; 
 
} 
 
table tr td:nth-child(even){ 
 
\t padding-right:30px; 
 
\t width:35%; 
 
} 
 
table tr td:nth-child(odd){ 
 
\t width:15%; 
 
} 
 
table tr td:nth-child(2){ 
 
\t border-right:1px solid white; \t 
 
\t padding-right:10px; 
 
} 
 
table tr td:nth-child(3){ \t 
 
\t padding-left:10px; 
 
}

<ul class="table-wrap"> 
 
<li class="table-item"> 
 
<table> 
 
\t <tr> 
 
    \t <td>Kaufangebot: <td>Pflegeapartments nach dem Wohnungseigentumsgesetz(WEG)</td></td><td>Mietvertrag:<td>20-Jahres-Mietvertrag und 2 x 5 Jahre Verlängerungsoption</td></td> 
 
    </tr> 
 
</table> 
 
</li> 
 
<li class="table-item"> 
 
<table> 
 
\t <tr> 
 
    \t <td>Lage: <td>Karpfenstraße 11, 81825 München Einwohnerzahl: in Trudering ca. 66.000, in München ca. 1,4 Mio.</td></td><td>Mietbeginn:<td>April 2012 bzw. Juli 2014</td></td> 
 
    </tr> 
 
</table> 
 
</li> 
 
</ul>

來源

2014-10-22 Frederik Witte

請這麼好解釋爲什麼你下調，這樣請求者知道什麼是DO和DON'T。 – Barry 2014-10-22 08:58:14

是的，我現在真的不明白... – 2014-10-22 08:59:29

這是因爲你的table包含在ulli標籤

你必須調整的保證金您ulli實現表格的寬度爲100％。

**固定的td標籤

table{ 
 
\t width:100%; 
 
\t padding:20px; 
 
\t background:linear-gradient(rgb(230,57,18),rgb(170,32,11)); \t 
 
} 
 
ul.table-wrap{ 
 
\t width:100%; 
 
    list-style:none; 
 
    white-space:nowrap; 
 
} 
 

 
} 
 
ul.table-wrap li.table-item{ 
 
\t float:left; \t 
 
\t width:100%; 
 
} 
 
table tr td{ 
 
\t color:white; \t 
 
\t vertical-align:middle; 
 
\t padding: 20px 0 20px 0; 
 
} 
 
table tr td:nth-child(even){ 
 
\t padding-right:30px; 
 
\t width:35%; 
 
} 
 
table tr td:nth-child(odd){ 
 
\t width:15%; 
 
} 
 
table tr td:nth-child(2){ 
 
\t border-right:1px solid white; \t 
 
\t padding-right:10px; 
 
} 
 
table tr td:nth-child(3){ \t 
 
\t padding-left:10px; 
 
} 
 
table table tr:last-child td{ 
 
\t padding-bottom:0; 
 
\t border-bottom:0; 
 
}

<ul class="table-wrap"> 
 
<li class="table-item"> 
 
<table> 
 
\t <tr> 
 
     <td>Kaufangebot: </td> 
 
     <td>Pflegeapartments nach dem Wohnungseigentumsgesetz(WEG)</td> 
 
     <td>Mietvertrag:</td> 
 
     <td>20-Jahres-Mietvertrag und 2 x 5 Jahre Verlängerungsoption</td> 
 
    </tr> 
 
</table> 
 
</li> 
 
<li class="table-item"> 
 
<table> 
 
\t <tr> 
 
     <td>Lage: </td> 
 
     <td>Karpfenstraße 11, 81825 München Einwohnerzahl: in Trudering ca. 66.000, in München ca. 1,4 Mio.</td> 
 
     <td>Mietbeginn:</td><td>April 2012 bzw. Juli 2014</td> 
 
    </tr> 
 
</table> 
 
</li> 
 
</ul>

來源

2014-10-22 08:56:52

難道你剛剛放好了ul嗎？ – 2014-10-22 08:58:59

我的不好，粘貼了錯誤的代碼片段。現在更新。 – 2014-10-22 09:01:17

順便說一句，li標籤的默認邊距是40px。 – 2014-10-22 09:01:38

由於填充也算。現在你的桌子是100％（寬）+ 2x20px（填充）

來源

2014-10-22 08:57:32 molbal

我的表格的寬度遠遠大於100％+ 40px。 – 2014-10-22 09:00:20

是的，現在我明白了。沒有看到列表中的首位 – molbal 2014-10-22 09:14:28

爲什麼表格寬度：100％不起作用？

回答

相關問題