html固定宽高，设置垂直居中没有效果。只有水平居中才生效。看了下源码，感觉在updatePos函数里的算法不对

momo199059

html固定宽高，设置垂直居中没有效果。只有水平居中才生效。看了下源码，感觉在updatePos函数里对垂直居中的算法不对

Aar0n

请描述一下，调用的哪个接口，哪个类的函数算法不对

momo199059

Aar0n HtmlDivElement类。也就是UIIDE里面html组件。在UI里设置了宽和高
调用
html._getCSSStyle().valign = "middle"; //垂直居中
html._getCSSStyle().align = "center"; //水平居中
然后
html.innerHTML = "感叹号";
显示的结果是这句话只水平居中没有垂直居中。

调试的时候，在Layout.layout(this)，跳进去在Layout._multiLineLayout(element)里面的updatePos(0,tWidth,i,tY,align,valign,lineHeight)函数里对元素根据对齐方式重新设置坐标。这里面感觉对垂直居中的ｙ坐标的计算方式不对。根据的是行高来计算，而不是我给组件设置的高

Aar0n

Aar0n @momo199059:align是get 方法，试一下这样写html._getCSSStyle().valign("middle"); 用set方法

momo199059

Aar0n @Aar0n:
html._getCSSStyle().valign = "middle";这样就是set方法。我是TS的工程。而且调试的时候看到的值是赋值成功了的。

我现在临时的做法是修改你们的源码

__proto.layout=function(){
		if (!this.style)return;
		this.style._type |=/*laya.display.css.CSSStyle.ADDLAYOUTED*/0x200;
		var tArray=Layout.layout(this);
		if (tArray){
			if (!this._$P.mHtmlBounds)this._set$P("mHtmlBounds",new Rectangle());
			var tRectangle=this._$P.mHtmlBounds;
			tRectangle.x=tRectangle.y=0;
			tRectangle.width=this.contextWidth=tArray[0];
			tRectangle.height=this.contextHeight=tArray[1];
			this.setBounds(tRectangle);

                       //我自己添加的部分 
			if(this._getCSSStyle()._getValign() == 1){
				for(var i = 0; i < this._childs.length; i++){
					var e = this._childs[i];
					if(e instanceof HTMLElement && e._text.words){
						for(var j = 0; j < e._text.words.length; j++){
							var w = e._text.words[j];
							w.y = (this.height - tArray[1])/2 + w.y;
						}
					}else{
						e.y = (this.height - tArray[1])/2 + e.y;
					}
				}
			}
		}
	}

IXgSoul

Aar0n @momo199059:攒

Aar0n

这里的垂直居中就是相对于行的，不是整个组件的

Yuk

Aar0n 是不对