Div Item Size ItemTemplate Repeater ASP.NET

我有3個div標籤，我想在一行中並排顯示。Div Item Size ItemTemplate Repeater ASP.NET

它們分別位於主DIV中：

<div class="dvItemContainer"> 
    <div class="nameContainer">content-1</div> 
    <div class="quantityDiv">Content-2</div> 
    <div class="dvLnkContainer">Content-3</div> 
</div> 

The classes are: 

.dvItemContainer 
{ 
    width:250px; 
    float:right; 
    cursor:pointer; 
    overflow: hidden; 
    max-width:250px; 
} 
.nameContainer 
{ 
    width:150px; 
    float:left; 
    max-width:150px; 
    overflow:hidden; 
} 
.quantityDiv 
{ 
    width:60px; 
    float:right; 
} 
.dvLnkContainer 
{ 
    width:40px; 
    float:right; 
    right:0; 
    visibility:visible; 
}

此代碼，我作爲ItemTemplate中unside ASP使用用戶控制內部限定：Repeter控制。

<ItemTemplate> 
    <div style="width:100%; display:inline;" runat="server"> 
     <prod:ProductItemTagName ID="productItem" width="100%" runat="server" /> 
    </div> 
</ItemTemplate

不知何故，這些div爲彼此取一整行。

例如它表明它這樣：

enter image description here

謝謝！

來源

2013-09-28 Jacob

問題是style =「width：100％; display：inline;」從 <div style="width:100%; display:inline;" runat="server"> DIV默認爲顯示：塊元素，所以你並不需要給它的寬度爲100％，如果你使用的顯示：內聯寬度不會有效

所以用style="width:100%;display:inline-block"

改

顯示：用於使這個div包含浮動div的內聯塊，我們給它的寬度顯示爲：內聯塊刪除默認寬度

來源

2013-09-28 13:13:01

Div Item Size ItemTemplate Repeater ASP.NET

回答

相關問題