js計算文字列占有ラベル行数の実装
1265 ワード
以前はネット上でjsを探してラベルの内の単行の中央を実現して、多くの行は自分でスキップして、しかしずっと探し当てていないで、だから自分で1つ書いて、私のここはせいぜい2行しかないので、単行の中央だけに対して処理して、以下は私のコードです:
$(document).ready(function(){
var alltext = document.getElementsByName("title_four");
for (var i = 0; i < alltext.length; i++) {
//
var width = alltext[i].offsetWidth;
//
var styleObject = alltext[i].currentStyle != null ? alltext[i].currentStyle : getComputedStyle(alltext[i], false);
//
var font_size = styleObject.fontSize;
// px, px
var num = font_size.split('px')[0];
// , line-height 60px
if ((alltext[i].innerText.length*num*0.635) < width) {
alltext[i].style.lineHeight = "60px";
}
}
});
// ,
{$data.title}