多語言樣式容器內容超出父級寬度不換行顯示

2022-09-11 18:48:09 字數 671 閱讀 1808

乙個經典的左右浮動布局;

<

div

class

="wrap"

>

<

div

class

="left"

>

div>

<

div

class

="right"

>

div>

div>

wrap層寬度為1000px;

在英文布局下,左右浮動計算好寬度或者不給寬度,都沒問題,但是專案引進了多語言翻譯後,遇上俄語,法語,義大利語這些單詞片語比較長的時候,就會出現left層加上right層的總寬度超過wrap層的情況,然後right層就會有跳行的bug;

boss希望是不要換行,經過測試後,發現這樣一種奇怪的布局方式:

wrap層寬度1000px不變;

left層浮動;

right層不浮動,右對齊,子元素不給寬度,用inline-block + ie hack相容ie,加不換行**:white-space: nowrap;

這樣布局後,left層 + right層總寬度超出wrap層的寬度後,right層內容會被推出去,超出wrap右邊,繼續不換行顯示;

right層css:

.right

軟體多語言

locale是指特定於某個國家或地區的一組設定,包括字符集,數字 貨幣 時間和日期的格式等。在windows中,每個locale可以用乙個32位數字表示,記作lcid。在winnt.h中可以看到lcid的組成。它的高16位表示字元的排序方法,一般為0。在它的低16位中,低10位是primary la...

多語言切換

專案中應用到了多語言切換,鞏固一下。貼上 大家一起學習。廢話不多說直接上 1 新增多語言 在res values 下預設有個strings,需要多種語言就來建立幾個strings,values右鍵 new 乙個 values res file file name 就是strings director...

Qt 筆記 多語言

1 使用命令 lupdate no obsolete main.pro 作用 將main.pro檔案內的所有源程式檔案中的被tr 包裝的字串打包成.ts檔案,此檔案可以使用qt的qt linguist開啟並翻譯 2 使用命令 lrelease main.pro 作用 通過.ts檔案生成.qm檔案,此...