1. 程式人生 > >國際化中英文切換,英文內容長度過長的解決問題

國際化中英文切換,英文內容長度過長的解決問題

說真的,我卡在這裡很久了,也查了網上很多前輩的文章與建議;換樣式,改樣式,改字型等等,有點手痠!

當我把英文版排進資原始檔後,測試切換中英文的那種感覺這酸爽!遇到過這種狀況的你應該知道的;好了,我們切入正題,如何解決:

(1)將你的排版的<div>你的中英文內容,各種標籤的中英文內容</div>的高度去掉,去掉,去掉,三遍了啊!這個就是用內容撐開div標籤 我們可以設定padding和margin(內外邊框)讓排版更好看;

(2)div標籤可以設定一定的寬度,高度不要設,<div><div style="width:200px;text-align:center;background-color:red;color:#fff;"

><img src="../1.png"></img>我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥我最帥</div></div>

(3)設定有些內嵌的標籤要給一定的高度和寬度的;加上padding和margin

(內外邊框),要靈活運用,可以達到不錯的效果!

其實還有一種(隱藏式的,就是溢位隱藏):

上樣式: width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;