根據容器大小設定字型

2021-07-22 09:57:52 字數 757 閱讀 7299

如果容器大小固定,怎麼根據容器大小變換字型的font-size,使無論字型多少都不溢位容器呢(最小為12px)

在網上查了資料,總結如下:

html**:

如果有來生/要做一棵樹站成永恆/沒有悲傷的姿勢/一半在塵土裡安詳/一半在空中飛揚/一半散落陰涼/一半沐浴陽光/非常沉默/非常驕傲/從不依靠/從不尋找

可以用js實現:

var str = document.getelementbyid('text').innerhtml;

var l=0.0;

//取字元個數,漢字為1,英文本母為0.5

for(var i in str)

l=math.ceil(l);

var width = parseint(document.getelementsbytagname('div')[0].style.width);

var height = parseint(document.getelementsbytagname('div')[0].style.height);

var mul = width * height;

//這裡除以1.1是因為實際上字型佔據的高的空間為line-height,一般來說line-heigth為font-size的1-1.2倍

var font_size = math.floor(math.sqrt(mul/l)/1.1);

document.getelementbyid('text').style.fontsize = font_size +'px';

設定UIButton字型的大小

引入 在ios程式中設定 uibutton 的字型大小。實現方式 btn.frame cgrectmake x,y,width,height btn settitle search forstate uicontrolstatenormal 設定按鈕上的自體的大小 btn setfont uifon...

部件大小和字型設定

qpushbutton quit quit quit.resize 75,30 quit.setfont qfont times 18,qfont bold 函式qwidget setgeometry 取四個引數 前兩個為按鈕左上角座標對應的x和y,此座標相對于父視窗部件 後兩個引數為按鈕的寬和高。...

maya介面字型怎麼設定大小

轉 maya介面字型怎麼設定大小?maya開啟的介面想要調整預設字型的大小,該怎麼調整呢?下面我們就來看看maya字型大小的設定方法,需要的朋友可以參考下 經常使用maya製作動畫,今天我們就來看看maya介面上的字型大小的方法,很簡單,請看下文詳細介紹。1 新建乙個空白頁,可以發現maya的字型偏...