一些空間beetwen divs在線

我想要建立'橡膠'界面，所以我使用寬度在％的div。但是當我嘗試用幾個div填充100％的寬度時，它們不會在線上互相干擾，但是在summ中他們有100％。但如果使用表，那麼一切都很好。這裏的例子。一些空間beetwen divs在線

<div style='white-space:nowrap;'> 
<div style='width:50%;border: 1px solid #4e5e6e;display:inline-table;'>A1</div> 
<div style='width:50%;border: 1px solid #a2f2d4;display:inline-table;'>A2</div> 
</div> 
<div style='white-space:nowrap;'> 
<div style='width:10%;border: 1px solid #4e5e6e;float:left'>A1</div> 
<div style='width:40%;border: 1px solid #a2f2d4;float:left'>A2</div> 
<div style='width:40%;border: 1px solid #4e5e6e;float:left'>A3</div> 
<div style='width:10%;border: 1px solid #a2f2d4;float:left'>A4</div> 
</div> 
<table style='width:100%'><tr style="width:100%";> 
<td style='width:10%;border: 1px solid #4e5e6e;'>A1</td> 
<td style='width:40%;border: 1px solid #4e5e6e;'>A1</td> 
<td style='width:40%;border: 1px solid #4e5e6e;'>A1</td> 
<td style='width:10%;border: 1px solid #4e5e6e;'>A1</td> 
</td></table>

如果窗口的大小是足夠多的，他們都將出現，但如果你把它變小，有人跳樓了線。如果我沒有清楚地表達，我想在不依賴寬度的情況下在一行中顯示div。

來源

2011-09-27 user600115

1px邊框增加了框的寬度。所以你的盒子將有50％+ 1px，10％+ 1px等寬度。

來源

2011-09-27 09:44:25 lucassp

謝謝，這是從我的身邊很愚蠢 – user600115

的解決辦法是刪除從邊界像素，並把％的寬度DIV中一個div邊框

來源

2011-09-27 09:49:25

說什麼lucassp。

一個解決辦法是增加陰性切緣到任何東西，你給一個邊界：

<td style='width:10%;border: 1px solid #4e5e6e; margin: -1px;'>A1</td>

來源

2011-09-27 09:50:43 theorise

一些空間beetwen divs在線

回答

相關問題