溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“最后一排文字超出DIV邊框怎么解決”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
在組織中常常呈現末端1排或多排筆墨超出DIV邊框浮現。
1、HTML完整源代碼如下：
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS5實例之展現不全或超過跨過</title><style>.CSS5{ border:1px solid #000; width:200px; height:50px;line-height:20px} </style></head><body><div class="CSS5">結尾一排文字表現不完<br />著末一排筆墨顯現一半測試<br />DIVCSS實例測試 </div></body></html>2、剖析原由 以上文字字體內容顯現超出跨越DIV榜樣是高度配置差池，此盒子高度為50px，css行高為20px,那末三排筆墨就會占用60px的高度，而高度卻設置裝備擺設為50px，人造高度少了10px，在高版本瀏覽器中就會出現這種模式溢涌氣象。
3、意圖辦法 籌畫結尾一排透露表現越過標題有四種操持方法： 第一種，將高度合計好，以上要排版三排模式，而line-height設置裝備擺設為20px，那么高度就設置為3乘以20=60px（最少等于或大于60px）。
第二種，去掉高度height名目，假如不必然DIV盒子里裝若干內容，最容易門徑也是通用門徑就是作廢對DIV高度設置，如許DIV就會隨模式幾何增高
第三種，批改line-height高度，假如你CSS布局中高度靜止，并且表現內容也固定并想表示殘缺，就只有修正css line-height的值，這個案例50除以3=16.6，那末line-height設置裝備擺設整數16px便可設計模式溢出靜止高度。
第四種，減少模式，這里浮現的是三排內容，你只要要去掉一排，讓形式只展示兩排就可治理。
“最后一排文字超出DIV邊框怎么解決”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
