dojo - Dijit Layout：如何内联显示 ContentPanes？

Question

在下面的 HTML 中，我想在顶部区域中并排显示两个 ContentPanes。在普通的 HTML 中，这可以使用 spans 或 display: inline 来完成。如何在 Dijit 中实现这一点？

<div>
<div data-dojo-attach-point="_containerNode" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="gutters: false, design: 'headline'">
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'">
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'top'">
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
    </div>
</div>

Answer 1

将两个 div 包装在另一个 BorderContainer 中，例如：

<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="gutters: false, design: 'headline'">
    <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region: 'top', gutters: false">
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'left'"> </div>
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'right'"> </div>
    </div>
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center> </div>
</div>