表格不是Div元素的100％寬度

但是，當我使用寬度= 100％時，它會擴展到邊界之外..當使用不同的設備...表格不是Div元素的100％寬度

所以我只是想這個表，橫跨全寬 - 和N /對準A鍵向右......

似乎它總是在不同的延伸過去的邊界設備...

<div class=flist> 
<table cellpadding=2 border=1> 
<tr> 
<td valign=middle> 
     <img src="images/plus.png" height=14 width=14 border=0 align=middle> <b>General Stuff</b> 
</td> 
<td align=right> 
     <input type="button" name="CheckAll" value="All N/A" class=verd8></td> 
<td>&nbsp;</td> 
</tr> 
</table>  
</div>

來源

2012-04-22 Merle_the_Pearl

-1

這可能是工作

增加，這也爲表風格= 「表格佈局：固定的」

.flist { 
font-family: Verdana; font-size: 13pt; font-weight: bold; 
overflow: hidden; 
position: relative; 
background-color: #e9e9e9; 
padding: 5px; 
margin-top: 5px; 
margin-left: 1%; 
margin-right: 1%; 
border: 1px solid #000; 
} 

.flist > table 
{ 
width: 100%; 
} 

<div class=flist> 
<table cellpadding=2 border=0 style="table-layout:fixed"> 
<tr> 
<td valign=middle> 
<b>General</b> 
</td> 
<td align=right>input type="button" name="CheckAll" value="All N/A" class=verd8></td> 
</tr> 
</table>  
</div>

來源

2012-04-22 15:37:55

div.flist{width:500px;} 
div.flist table{width:100%;}

來源

2012-04-22 01:20:02 maiorano84

的div的寬度做任何事情。不要使用寬度：繼承，因爲它在IE中有問題。 – maiorano84 2012-04-22 01:21:31

修復它在IE中 - 但不是在Android平板電腦或iPad – 2012-04-22 02:39:11

拿這個例子：

<html> 
<body> 
<head> 
<style> 
.flist{ 
border:1px solid red; 
padding:5px; 
width:500px; 
} 
table{ 
width:100%; 
border:1px solid; 
} 
</style> 
</head> 
<div class="flist"> 
<table cellpadding="2" border="1"> 
<tr> 
<td valign=middle> 
    <b>General Stuff</b> 
</td> 
<td align=right> 
     <input type="button" name="CheckAll" value="All N/A" class=verd8></td> 
<td>&nbsp;</td> 
</tr> 
</table>  
</div> 
</body> 
</html>

只是一個內聯CSS的例子，但如果你改變.flist寬度表格的寬度改變它的工作原理，注意.flist與黑色表的紅色。

來源

2012-04-22 01:21:25 ant

我不能聲明500的寬度儘管... – 2012-04-22 01:48:52

.flist { font-family：Verdana; font-size：13pt; font-weight：bold; 位置：相對; background-color：＃e9e9e9; padding：5px; margin-top：5px; margin-left：1％; 保證金率：1％; border：1px solid＃000; } – 2012-04-22 01:50:30

無論我使用什麼設備，我都有餘量保留1％和保證金右側1％，以允許div填充屏幕寬度100％...並且不管我使用什麼樣的旋轉...所以不能聲明500像素的寬度...因爲這會在iPhone或Android手機等的時候搞砸了...... – 2012-04-22 01:52:28

這應該在大多數情況下工作。如果您需要手機，請使用媒體查詢。每邊添加1％= 20px，所以只是從表格寬度中減去。 1％= 10px;

*{ 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
} 
table{ 
    width: 100%; 
    border-spacing: 0; 
    border-collapse: collapse; 
    empty-cells:show; 
} 
table.bordered{ 
    border-collapse:separate; 
    border:1px solid #ccc; 
    border-radius:4px; 
} 
th,td{ 
    vertical-align:top; 
    padding:0.5em; 
} 
tr:nth-child(2n){ 
    background-color:#f5f5f5; 
}

<table class="bordered"> 
    <tbody></tbody> 
</table>

來源

2012-04-22 02:36:00 Philip

相關問題

表格不是Div元素的100％寬度

回答

相關問題