elementui中彈出框不能自動換行的解決方案


我們的需求是將客戶給的這串無頭腦的數據放進這個彈出框?!

可以看到element提供的彈出框並不提供換行的功能

所以這時候我們應該咋整呢??

 

 

 

我試過了在這個彈出框中套個盒子給盒子添加寬?然后他自己就折行??

顯然還是不行。。。

后來查了一下css 發現他有一個屬性 

word-break: break-all;
 
它的作用就是 :在恰當的斷字點進行換行
所以有了我們想要的這個效果啦!!!
鏘鏘!!!!!!

 

 

代碼是這樣的

還是給內部添加div

給這個div設置寬高加上這個css3屬性就可以啦

給你們看下代碼吧

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM