純css 實現文本換行


業務場景:dialog中嵌套的表單,實現信息展示,由於存儲路徑過長並且在一行顯示,導致多出的文字出現在彈出框外面了,頁面極丑,所以需要將存儲路徑實現自動換行。

技術點:<p style="word-break: break-word;"></p>

 1 <el-form-item class="file-form">
 2                 <el-row>
 3                   <el-col :span="22">
 4                     <div>
 5                       <span style="font-weight: bold;float: left">存儲路徑:</span>
 6                       <p style="word-break: break-word;margin-top: 0px;margin-bottom: 0px;">{{fileFormData.file_path}}</p>
 7                     </div>
 8                   </el-col>
 9                 </el-row>
10 </el-form-item>

 


免責聲明!

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



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