我有这个问题:如您在下图中所看到的,我使用的布局在第一行中只有一个元素,但是它存在这个奇怪的右对齐问题(它向右延伸得太远了)。
问题是什么?
这是我的第一个要素:
<li data-row="1" data-col="1" data-sizex="15" data-sizey="3" >
<div data-id="some-id" data-view="MyWidget" data-title="Some title" style="background-color:#749396"></div>
</li>
我在application.coffee
(15列,9行,每列/行的宽度为100像素)中使用此设置:
Dashing.on 'ready', ->
Dashing.widget_margins ||= [5, 5]
Dashing.widget_base_dimensions ||= [100, 100]
Dashing.numColumns ||= 15
当我在上专门设置宽度时li
,它可以工作。
<li data-row="1" data-col="1" data-sizex="15" data-sizey="3" style="width: 1640px;">
这是完整的仪表板布局:
<% content_for :title do %>Dashboard<% end %>
<div class="gridster">
<ul>
<!-- Hack: Setting width of top row to 1640px! -->
<li data-row="1" data-col="1" data-sizex="15" data-sizey="3" style="width: 1640px;">
<div data-id="id1" data-view="OwnWidget" style="background-color:#749396"></div>
</li>
<li data-row="4" data-col="1" data-sizex="5" data-sizey="4">
<div data-id="id2" data-view="Meter" data-min="0" data-max="100"></div>
</li>
<li data-row="4" data-col="6" data-sizex="5" data-sizey="4">
<div data-id="id3" data-view="Number" style="background-color:#749396"></div>
</li>
<li data-row="4" data-col="11" data-sizex="5" data-sizey="4">
<div data-id="id4" data-view="Number" style="background-color:#749396"></div>
</li>
<li data-row="8" data-col="1" data-sizex="5" data-sizey="4">
<div data-id="id5" data-view="Meter" data-min="0" data-max="100"></div>
</li>
<li data-row="8" data-col="6" data-sizex="5" data-sizey="4">
<div data-id="id6" data-view="Number" style="background-color:#749396"></div>
</li>
<li data-row="8" data-col="11" data-sizex="5" data-sizey="4">
<div data-id="id7" data-view="Number" style="background-color:#749396"></div>
</li>
</ul>
</div>
在Dashing论坛中提出相同的问题后,我得到了一个非常令人满意的答案:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句