使用以下HTML和JS:
<div id="dialog" style="display:none;">
<div class="dialog-title">Dialog Title</div>
Some text
<div class="dialog-buttons">
<button class="uk-button">Button 1</button>
<button class="uk-button">Button 2</button>
</div>
</div>
<button onClick="$('#dialog').modal();">open dialog</button>
我得到了一个简单的模式,对于内容来说还不够大,它使用UI-Kit(http://getuikit.com/)上的样式按钮。这些按钮太宽,因此被包裹起来,使第二个按钮出现在模态之外。
任何想法如何正确获得简单模式大小?
谢谢!
我还没有一个完美的答案,但是我确实有一个可行的答案,请调整CSS。
/* Container */
#simplemodal-container {
height:auto !important;
width:600px;
...
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句