如何限制el-popover宽度
时间: 2023-08-25 09:10:07 浏览: 271
react-native-modal-popover:使用Modal的React-Native纯JS popover
要限制el-popover的宽度,可以使用el-popover本身的属性width来设定宽度。例如,可以在el-popover标签中添加width属性,并设置为所需的宽度值,如width="150px"。这样就可以限制el-popover的宽度为150像素。另外,还可以使用el-popover的popper-class属性来设置自定义样式类,并在样式类中设置min-width属性来限制最小宽度。例如,可以在el-popover标签中添加popper-class属性,并设置为自定义样式类名,如popper-class="custom-popover",然后在样式中设置.custom-popover类的样式,如.min-width { min-width: 150px; }。这样就可以通过自定义样式类来限制el-popover的最小宽度为150像素。
#### 引用[.reference_title]
- *1* *3* [如何修改Element Plus中el-popover的最小宽度](https://blog.csdn.net/m0_75107188/article/details/131455046)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [el-popover修改宽度](https://blog.csdn.net/qq_34484062/article/details/131381935)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文