为什么表格宽度：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％不起作用？

回答

相关问题