MUI滾動元件-scroll 橫向滾動圖片一半解決辦法
阿新 • • 發佈:2019-02-13
<div
class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"
style="height: 400px;"
>
<div class="mui-scroll" style="top: 0;">
<ul>
<li style="display: inline-block; width:200px">
<p> 1室</p>
<img width="100%" src="../images/11.jpg"/>
</li>
<li style="display: inline-block; width:200px">
<img width="100%" src="../images/11.jpg"/>
</li>
</ul>
</div>
</div>
橫向圖片只顯示一半,須將mui-segmented-control-inverted該div設定一定的高度,以及mui-scroll top設定0即可
另外一個需要注意的是,橫向滾動裡的內必須要設定為display: inline-block;
寫浮動是沒有效果的