刚开始用mui,我想修改图文列表中的图片宽高,不知道如何修改(百度了一上,没有找到答案)?官方样例如下:
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-hidden">cared
<div id="M_Toggle" class="mui-switch mui-active">
<div class="mui-switch-handle"></div>
</div>
</li>
<li class="mui-table-view-cell mui-media">
<a href="#">
<img class="mui-media-object mui-pull-left" src="img/shuijiao.jpg">
<div class="mui-media-body">
幸福
<p class='mui-ellipsis'>能和心爱的人一起睡觉,是件幸福的事情;可是,打呼噜怎么办?</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="#">
<img class="mui-media-object mui-pull-left" src="img/muwu.jpg">
<div class="mui-media-body">
木屋
<p class='mui-ellipsis'>想要这样一间小木屋,夏天挫冰吃瓜,冬天围炉取暖.</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="#">
<img class="mui-media-object mui-pull-left" src="img/cbd.jpg">
<div class="mui-media-body">
CBD
<p class='mui-ellipsis'>烤炉模式的城,到黄昏,如同打翻的调色盘一般.</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="#">
<img class="mui-media-object mui-pull-left" src="img/yuantiao.jpg">
<div class="mui-media-body">
远眺
<p class='mui-ellipsis'>静静的看这个世界,最后终于疯了</p>
</div>
</a>
</li>
</ul>
8 个回复
郑先生
.mui-table-view .mui-media-object{
height: 50px;
width: 50px;
max-width: 50px;
}
我试了下 , 这样是好使的
goldbridge (作者)
有没有人帮忙看一下?
tosmaller
百度。。。。
你写一个样式覆盖掉原来的应该就可以吧
goldbridge (作者)
就不成功,直接修改img的属性都不行
2016-04-19 16:40
goldbridge (作者)
直接修改img的属性不行,不能修改图片的宽高
Android_XR
用Chrome调试css样式
goldbridge (作者)
.mui-media-object{
width: 80px;
height: 80px;
}
这种样式覆盖不了原先的样式,mui根本不认,还是无法修改缩略图的宽和高
Android_XR
css起作用是有优先级的,直接在元素标签加style优先级最高,我觉得你这种情况很有可能是父布局影响的。Chrome调试可参考http://ask.dcloud.net.cn/article/69
2016-04-20 11:21
goldbridge (作者)
直接在img元素标签加style也不起作用,我直接在img 里设置的样式也不起作用,郁闷死了
Android_XR
给每个元素加个border查看作用范围,还是用Chrome调试吧。
2016-04-21 11:34
j***@gmail.com
敢问大佬是否可以改变图片形状,:圆形
ps:个人中心