el-carousel图片自适应
时间: 2023-09-02 21:11:31 浏览: 259
el-carousel图片自适应的方法有多种。根据引用和引用的内容,可以通过设置el-carousel的高度来实现图片自适应。在引用中的代码中,el-carousel的高度设置为300px,因此图片的高度也会被限制在300px。而在引用的代码中,el-carousel的高度通过绑定data中的数据来确定,这样就可以根据实际情况自适应图片的高度。另外,在引用中提到了图片的高度设置应该是inherit,这意味着图片的高度将与其父组件el-carousel的高度保持一致,从而实现图片的自适应效果。所以,通过设置el-carousel的高度并将图片的高度设为inherit,可以实现el-carousel图片的自适应效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [【elementui】走马灯自适应图片高度宽度 走马灯图片显示不全](https://blog.csdn.net/IT429/article/details/112960199)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Vue中elementUI轮播图图片高度自适应](https://blog.csdn.net/ZHANGYANG_1109/article/details/121103486)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文
相关推荐















