div width屬性內容

我有兩個div，它們有一些寬度。但我希望每個div都可以在寬度屬性中給出完整空間，而不管div中的內容如何。目前，每個div都佔用了它們內部的空間，並忽略了寬度屬性中給出的內容。div width屬性內容

我的HTML在下面給出，

<div style="margin-left:100px; display:inline; border-width:10px; width:30%; border-  style:solid;"> 
fawad 
</div> 
<div style=" margin-left:10px; display:inline; border-width:10px; width:30%; border-style:solid">ali</div>

來源

2014-09-26 fc123

你可以包括一個jsfiddle。你也試過'display：inline-block;' – aaronmallen 2014-09-26 16:14:34

就是這樣。感謝aaronmallen。它再次感謝 – fc123 2014-09-26 16:16:23

你有使用內聯樣式的特定原因嗎？ – aaronmallen 2014-09-26 16:20:16

只要改變你的

display:inline;

到：需要的是

display: inline-block;

http://jsfiddle.net/osx76nbr/

來源

2014-09-26 16:20:30 Phatjam98

-1

嘗試增加

div { float:left }

這將使的div尊重財產。

來源

2014-09-26 16:15:29

這不會解決他的div不適用他的重量屬性。 – aaronmallen 2014-09-26 16:17:42

你可以使用css屬性display:inline-block;。這有助於設置div與塊內聯。

來源

2014-09-26 16:18:32 Developer

您需要應用display塊樣式。在這種情況下，我會申請

<div style="margin-left:100px; display:inline-block; border-width:10px; width:30%; border-  style:solid;"> 
fawad 
</div> 
<div style=" margin-left:10px; display:inline-block; border-width:10px; width:30%; border-style:solid">ali</div>

另外我想所有的這些設置應用到樣式表和應用類的div而不是內嵌樣式這個樣子。

.inline-div { 
    display: inline-block; 
    border: 10px solid; 
    width: 30%; 
} 

<div class="inline-div"></div>

更妙的是我會尋找到一個網格系統很像bootstrap或foundation發現的。這樣你就可以應用網格樣式。

<div class="row"> 
    <div class="col-4"> 
    <div class="col-4"> 
    <div class="col-4"> 
</div>

來源

2014-09-26 16:18:53 aaronmallen

唯一

display:inline-block;

就是這樣

來源

2014-09-28 10:12:42 fc123

div width屬性內容

回答

相關問題