Question

无论如何都要设置一个noty通知的高度和宽度。这是我目前的代码：

$(document).ready(function () { 
        noty({
            layout: 'topRight',
            type: 'alert',
            text: "<a href='C:\\Users\\dah\\Documents\\AlertJqueryNP\\alertjquery.html' target='_blank'>Alerts:"+count+"</a>",
            template: '<div class="noty_message"><span class="noty_text"></span></div>',
            closeWith: ['button'],
            dismissQueue: true, 
            timeout: false
        });

Answer 1

你可以用CSS做到这一点。无论你想要什么宽度和高度，只需在CSS中设置它，它应该工作。

.noty-message{
    width:100px;
    height:100px;
}

Answer 2

这应该强制它为100px：

#noty_topRight_layout_container,
#noty_topRight_layout_container > li,
#noty_bar, #noty_type_alert           {
    width: 100px !important;
}

Answer 3

我的解决方案：

.noty_layout > .noty_bar {
    height: 100px;
}

Answer 4

对于org.webjars.bower.noty：3.1.4布局为：

<div id="noty_layout__bottomRight" ....
</div>

noty.css

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px;
}

要更改宽度，请添加css：

#noty_layout__bottomRight {
   width: 350px !important;
}

我如何设置一个noty通知的高度和宽度

4 个答案: