LayaBox:富文本HtmlDivElement垂直水平居中

注意：目前不支持文本的垂直居中对齐

---

示例：文本垂直水平居中（文本的垂直居中使用padding替代设置）

 Laya.init(600, 400, WebGL);
 var html3: Laya.HTMLDivElement = new Laya.HTMLDivElement();
 html3.style.height = 300;
 html3.style.width = 300;
 html3.style.color = "#ffffff";
 html3.style.borderColor = "red";
 //水平居中 
 html3.style.align = "center";            
 html3.innerHTML = '测试水平垂直居中对齐';
 //垂直居中
 html3.style.padding = [(html3.height - html3.contextHeight) / 2, 0, 0, 0];
 Laya.stage.addChild(html3);

垂直水平居中效果.png

重点解析：

 html3.height ： 富文本高度
 html3.contextHeight : 富文本的内容实际高度
 padding=[x,x,x,x] : 上 右 下 左 

注意：上面的方法适合已经知道富文本的高度的情况下

---

不知道富文本的高度情况下：
场景：图片和文本垂直居中
方法：文本y值=（获取图片高度 - 获取文本高度）/ 2
（注意点：图片的y值，在适当的时候也需要加入计算）