顯示屬性 - 阻止行爲與行內寬度

我試圖讓「塊」顯示影響AccordionPane，以便窗格與間距垂直對齊。但使用display:block;將拉伸窗格的標題以適應全部可用寬度。使用display:inline;會得到我想要的寬度行爲，但是然後將無間距地水平堆疊窗格。顯示屬性 - 阻止行爲與行內寬度

例如，「基本信息」是一個未選中的窗格，其中包含display: block;。我想其中有display: inline;

enter image description here

然而窗格「功能」的寬度，這樣做的結果如下：

enter image description here

不僅未選中的面板水平smushed在一起，頂部也從「內容」窗格切斷。

我希望所有的面板具有適合內容的寬度，但是對於display: block;可以看到乾淨的間距垂直堆疊。這可能嗎？

下面是ASPX片段：

<ajaxToolkit:Accordion 
        ClientIDMode="Static" 
        runat="server" 
        AutoSize="None" 
        Height="500" 
        ContentCssClass="accordion" 
        HeaderCssClass="accordionHeader" 
        HeaderSelectedCssClass="accordionHeaderSelected" 
        BorderStyle="None" 
        style="outline: none; vertical-align: top;" 
        >

來源

2015-05-01 JWiley

要獲得這種行爲，我需要將其設置爲display: table;

來源

2015-05-01 17:50:00 JWiley

這是我需要的顯示屬性，以同時獲得所需的寬度和麪板佈局行爲使一個完整的答案的問題設置什麼。 – JWiley

這是可能的，但是你需要把它們飄浮float:left; clear: both，或爲您的項目一個固定的寬度和使用display:block。

如果您需要設置垂直邊距的功能，還可以使用display:inline-block。

來源

2015-05-01 17:38:23

顯示屬性 - 阻止行爲與行內寬度

回答

相關問題