HTMLDivElement 中contextWidth计算有问题

luuren

HTMLDivElement 设置一个css文本后调用contextWidth获取实际宽度是0

/**
* @private
* @param out
*/
override public function _addToLayout(out:Vector.<ILayout>):void {
layout();
//!_style.absolute && out.push(this);
}

这个重写有问题，会导致计算实际宽高信息的时候多次执行layout()导致最后结果是0.我将这个重写方法注释掉就能正常获取了

cuixueying

不支持标签嵌套的方式，你改成以下代码是可以正常的

var div:HTMLDivElement = new HTMLDivElement();
			var str:String = "<span style='font:48px;color:#ffffff;'>白色文本</span>";
			div.innerHTML = str;
			trace(div.contextWidth);

可以把你div的样式，给span赋值上，得到同样的效果！

luuren

var div:HTMLDivElement = new HTMLDivElement();
var str:String = "<div style='text-align:center;width:700px'><span style='font:48px;color:#ffffff;'>白色文本</span></div>";
div.innerHTML = str;
trace(div.contextWidth);

理论上结果应该是700，实际上获得的是0

cuixueying

luuren div获取不到宽高，span可以，建议你把div改成span标签吧！

luuren

应该是我传入的CSS字符内容不能包含div标签。div.innerHTML = str str中不能包含div标签，不然就会多次重复的调用HTMLDivelement的layout方法