uislider填充不起作用

uislider padding not working

本文关键字：不起作用 填充 uislider      更新时间：2023-09-26

我使用的是uislider，它工作得很好，但它会在页面的整个宽度上发送图像。我试图在没有任何帮助的情况下更改javascript。最后，我能够使用最大宽度：图像的大小来正确地填充页面的右侧；

我试过在页面左侧使用最小宽度，但似乎不起作用。

CSS:

.banner {
       float: center;
       padding-top: 70px;
       padding-left: 160px;
       width: 100%;
       max-width: 895px;}
.banner ul li {
       float: left;}
   .banner li {
       list-style: none;}

网站是：mydiscountman.com，如果你想看到它的功能崩溃。我试着发布了一张图片，但我还没有10的声誉。

谢谢！

横幅代码：

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//mydiscountman.com/mdm-content/themes/clipper/js/unslider.js"></script>
<div class="banner">
     <ul>
        <li>
       <img src="http://mydiscountman.com/mdm-content/themes/clipper/images/bannertest.png"     width="895" height="294" title alt="social-facebook-color">
    </li>
    <li>
    <img src="http://mydiscountman.com/mdm-content/themes/clipper/images/bannertest2.png" width="895" height="294" title alt="social-facebook-color">
    </li>
    <li>
    <img src="http://mydiscountman.com/mdm-content/themes/clipper/images/bannertest3.png" width="895" height="294" title alt="social-facebook-color">
    </li>
</ul>
    <script>
    $(function() {
        $('.banner').unslider();
    });
    </script>

float: center;不是有效的css属性

padding也被认为是宽度

例如，如果宽度是100%并且padding是10%，那么总的width将是110%

如果您想在左侧添加一些空间，请使用margin，这将在不影响width 的情况下提供空间

相关文章：