我们使用span标签包裹一段文字,想要和elementUI中的progress组件显示在同一行,效果如下:
span是一个行元素,progress是一个块元素,起初我是使用弹性盒布局,display:flex; 想让他们显示在一行,但是使用弹性盒布局后,发现progress没有显示效果了。后来发现,progress组件有一个类选择器, .el-progress (注意前面有一个点),所以在写样式的时候,将progress 组件的样式写: .el-progress{width:100%;} 即可完美解决;不再用什么弹性盒布局了;