华为快应用-在卡片中使用lines限制text行数无效的问题

简介: 华为快应用-在卡片中使用lines限制text行数无效的问题

前两天刚写了卡片的使用方法,然后马上就踩坑了,发现在卡片中使用text标签,设置显示的行数(lines)无效,本以为是lines问题,可是明明记得非卡片的时候有用过,索性在非卡片上重新试了一下,完全没问题。


跟华为开发者沟通后确定这是一个bug,但是也有一个方法来规避这个问题,使lines设置生效:

    .content_text {
        font-size: 30px;
        lines: 2;
        text-overflow:ellipsis;
    }

如上所示,在设置lines的时候同时设置text-overflow为ellipsis即可,这个属性是控制行数是否生效的,我们使用时一般是不设置这个属性的,默认lines直接生效的,但在卡片上无效,增加这一设置之后lines即可生效。


华为会在快应用手机端加载器1.0.3修复这个bug。


附加一个问题,非华为手机在底部fix一个text标签,在弹出键盘的时候会被顶上来这个问题,属于bug,同样将在1.0.3中修复,博主使用华为mate10,未发生此情况。

目录
相关文章
|
前端开发 JavaScript UED
如何更好的去除谷歌浏览器中input自动填充背景?
如何更好的去除谷歌浏览器中input自动填充背景?
如何更好的去除谷歌浏览器中input自动填充背景?
|
9月前
UE虚幻引擎 UTextBlock UMG文本控件超过边界区域以后显示省略号
UE虚幻引擎 UTextBlock UMG文本控件超过边界区域以后显示省略号
82 0
|
7月前
|
敏捷开发 前端开发 开发者
【RaETable】🚀🚀🚀告别Form,RaETable表格列宽度支持拖动调整了,附带原理说明
【RaETable】🚀🚀🚀告别Form,RaETable表格列宽度支持拖动调整了,附带原理说明
textarea文本域控制字数多少(带数字,数字减小)demo效果示例(整理)
textarea文本域控制字数多少(带数字,数字减小)demo效果示例(整理)
|
9月前
[虚幻引擎 UE5] EditableText(单行可编辑文本) 限制只能输入数字并且设置最小值和最大值
本蓝图函数可以格式化 EditableText 控件输入的数据,让其只能输入一定范围内的整数。
223 0
利用伪元素:before实现的快递单查询垂直列表的demo
其中利用了伪元素 :before 很方便的实现了这个效果,并且可以兼容到IE8
56 0
利用伪元素:before实现的快递单查询垂直列表的demo
|
JavaScript
VUE element-ui之form表单中input输入超过规定长度error提醒,并实时显示输入长度,可无限输入
输入超过规定长度error提醒,并实时显示输入长度,可无限输入
885 0
VUE element-ui之form表单中input输入超过规定长度error提醒,并实时显示输入长度,可无限输入
|
前端开发
前端工作总结294-uni-控制整个label区域可选
前端工作总结294-uni-控制整个label区域可选
57 0
前端工作总结294-uni-控制整个label区域可选
|
图形学
Unity 【Content Size Fitter】- 聊天气泡自动适配Text文本框大小
Unity 【Content Size Fitter】- 聊天气泡自动适配Text文本框大小
390 1
Unity 【Content Size Fitter】- 聊天气泡自动适配Text文本框大小
案例分享:Qt九宫格图片资源浏览器(支持window、linux、兼容各国产系统,支持子文件夹,多选,全选,图片预览,行数与列数设置等)
案例分享:Qt九宫格图片资源浏览器(支持window、linux、兼容各国产系统,支持子文件夹,多选,全选,图片预览,行数与列数设置等)
案例分享:Qt九宫格图片资源浏览器(支持window、linux、兼容各国产系统,支持子文件夹,多选,全选,图片预览,行数与列数设置等)