显示属性 - 具有内联宽度的块行为

Question

我试图获得＆＃34;阻止＆＃34;显示会影响AccordionPane，以便窗格与间距垂直对齐。但是使用display:block;将拉伸窗格的标题以适应完整的可用宽度。 使用display:inline;将获得我想要的宽度行为，但随后将水平堆叠窗格，没有间距。

例如，＆＃34;基本信息＆＃34;是一个带有display: block;的未选定窗格。我想要窗格的宽度＆＃34;功能＆＃34;它有display: inline;

但是，这样做会产生以下结果：

不仅未选中的面板水平地一起刷，顶部也从内容窗格中切除。

我希望所有面板的宽度都适合内容，但垂直堆叠，并且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;"
                   >

Answer 1

这是可能的，但您需要将它们浮动float:left; clear: both，或为您的商品设置固定宽度并使用display:block。

如果您需要设置垂直边距，也可以使用display:inline-block。

Answer 2

要获得此行为，我需要将其设置为display: table;