请选择 进入手机版 | 继续访问电脑版

 找回密码
 立即注册
查看: 106|回复: 2

Layout获取高度getIntrinsicHeight有中文下数值错误

[复制链接]

2

主题

9

帖子

11

积分
交易币
0

新手入门

Rank: 1

发表于 2020-1-16 11:33:30 | 显示全部楼层 |阅读模式
我在使用 wbLayout.querySelector('.itembox').getIntrinsicHeight(); 获取区块的高度时,html里面没有中文的情况下,完全正常,但是一旦出现中文,高度瞬间会扩大好几倍,在中文前面加上英文,加的越多,高度就越准确,请问有人遇到过吗?代码如下,只要在li里面加上中文,wbLayout.querySelector('.itembox').getIntrinsicHeight();这个的取值就是错的



import win.ui;
/*DSG{{*/
var winform = win.form(text="HTMLayout 窗口";right=759;bottom=469;bgcolor=16777215)
winform.add(
edit={cls="edit";text="Edit";left=7;top=7;right=121;bottom=466;edge=1;multiline=1;z=1}
)
/*}}*/

import web.layout;
import web.layout.behavior.windowCommand;
import web.layout.behavior.windowSizer;

var html = /*

<html>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<head>
<style>
* {
        padding:0;
        margin:0;
}
.menu {
        width:200px;
        height:auto;
        margin:100px auto;
}
.item {
    background-color:#ff0;
        width:100%;
        height:auto;
}
.item > h3 {
        height:40px;
        line-height:40px;
        background-color:#7dffe7;
        colorrange;
        border-bottom:2px solid #ccc;
        padding-left:10px;
}
.item > .itembox > ul {
        list-style:none;
        background-color:#eaffb6;
        padding:10px;
}
.item > .itembox > ul >li {
        height:18px;
        line-height:18px;
        border-bottom:1px solid #ccc;
}
</style>
</head>
<div .menu>
            <div .item>
                <h3>测试</h3>
                <div .itembox>
                    <ul>
                        <li>ssss</li>
                        <li>ssss试高度</li>
                        <li>测试高度3</li>
                        <li>ssss测试高度4</li>
                    </ul>
                </div>
            </div>   
</div>
</body>
</html>
*/

var wbLayout = web.layout( winform )
wbLayout.html=html

var height = wbLayout.querySelector('.itembox').getIntrinsicHeight();
winform.edit.print(elId,height)

winform.show()
win.loopMessage();

回复

使用道具 举报

2

主题

9

帖子

11

积分
交易币
0

新手入门

Rank: 1

 楼主| 发表于 2020-1-16 11:51:20 | 显示全部楼层
单个的高度,根据字有以下几种情况:
<li>dddd</li>  高度是16  
<li>测试高度</li>  高度是64
<li>dddd测试高度</li> 高度是32
有人帮忙看下这是啥问题不
回复 支持 反对

使用道具 举报

2

主题

9

帖子

11

积分
交易币
0

新手入门

Rank: 1

 楼主| 发表于 2020-1-16 11:59:30 | 显示全部楼层
html的高度应该是标签的高度吧,为啥跟内容有关系啊,有点搞不懂
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



GMT+8, 2020-2-25 19:15 , Processed in 0.093255 second(s), 24 queries .

© 2001-2011 Powered by Discuz! X3.2.

快速回复 返回顶部 返回列表