關於element-ui並列幾個el-upload並排的問題

遇到一個賊麻煩的客戶,就不停的給你加需求。然後就出現一個訂單要完成需要導3次的問題。然後element-ui一直困擾我的就是這個el-upload的佈局問題,一個如果一個upload裏邊有幾個button,不管slot="trigger"的button在第幾位一定就排到第一位了,另一個就是他的自動換行。
再界面本來就很擁擠的情況下,我必須得把三個upload放到一行,但是用個div包起來幾個upload,不管怎麼用display:inline,float:left都不管用,最後還是得最基礎的辦法解決問題,如下圖:
在這裏插入圖片描述
每個upload的class都是upload-demo,從頁面css裏把下邊這句加上即可實現幾個upload-demo並排了。

.upload-demo{
		display: inline;
	}

效果就是下邊這樣:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章