Question

这可能是一个简单的问题，但我刚开始使用Dojo / Javascript而且我不知道自己做错了什么。

我开始以编程方式创建我的Dojo应用程序，所有我想知道的是如何正确对齐小部件（在我的情况下，它们是一个切换按钮和一个下拉按钮）在中心窗格中彼此相邻并且在它们之间有正确的间距（中心窗格包含一张地图，我希望这些按钮安静地躺在上面而不用另一个面板覆盖/限制其空间）。我想拥有＆＃34;地图＆＃34; ＆＃34;图例/图层＆＃34;旁边的下拉按钮切换按钮与其对齐并正确间隔。

当我指定区域（在我的情况下是地图带有id =＆＃34的地图; mapDiv＆＃34;）创建它们时，它们吝啬地重叠一个在另一个上面但是那个区域是我希望他们是......只是彼此相邻。

我知道这听起来可能是一个GIS / Mapping问题，但我认为它更直接地与Dojo / Javascript（CSS / HTML？）相关，这就是我在这里提出这个问题的原因。 / p>

我设置了这个fiddle code来向您展示我的意思

先谢谢你的帮助，

米

Answer 1

好吧，用检查员检查你的代码，你会看到你的所有元素都有内联样式，其中很多都带有＆＃34;绝对＆＃34;位置。你的问题在这里：

 <span class="dijit dijitReset dijitInline dijitBorderContainer-child diji…ijitBorderContainerPane dijitAlignMapDiv dijitDropDownButton" widgetid="downButtonMaps" style="left: 5px; top: 56px; position: absolute;">

    <span class="dijitReset dijitInline dijitButtonNode" role="presentation" data-dojo-attach-event="ondijitclick:__onClick"></span>
    <input class="dijitOffScreen" type="button" data-dojo-attach-point="valueNode" aria-hidden="true" role="presentation" tabindex="-1" data-dojo-attach-event="onclick:_onClick" value=""></input>

</span>

所以只需在CSS样式表中添加此行

即可

.dijitReset {
    position: relative !important;
}

它应该有效

在中心窗格中对齐按钮和下拉按钮

1 个答案: