Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
android/webkit文本溢出:省略号不起作用_Android_Css_Webkit - Fatal编程技术网

android/webkit文本溢出:省略号不起作用

android/webkit文本溢出:省略号不起作用,android,css,webkit,Android,Css,Webkit,我正在尝试在Android 2.1手机(HTC Sense UI)上使用以下代码: 但是,文本溢出属性似乎不起作用。有没有其他人遇到过这个问题,或者找到了解决方法?我知道您没有定义宽度。如果允许该元素任意变宽,则该元素内永远不会有任何溢出。溢出其父元素的元素将无法提供所需的效果。在Android 2.2和4上,我使用了一个大于字体大小(始终为em)的线条高度,显示类型为“-webkit box”,方向为垂直方向 以下是一个例子: .myClass{ display : -webkit-b

我正在尝试在Android 2.1手机(HTC Sense UI)上使用以下代码:


但是,文本溢出属性似乎不起作用。有没有其他人遇到过这个问题,或者找到了解决方法?

我知道您没有定义宽度。如果允许该元素任意变宽,则该元素内永远不会有任何溢出。溢出其父元素的元素将无法提供所需的效果。

在Android 2.2和4上,我使用了一个大于字体大小(始终为em)的线条高度,显示类型为“-webkit box”,方向为垂直方向

以下是一个例子:

.myClass{
display     : -webkit-box;
-webkit-box-orient  : vertical;
text-overflow   : ellipsis;
-webkit-line-clamp  : 3;
overflow        : hidden; 
font-size       : 0.9em;
line-height     : 1.2em;
}

当“显示”设置为“-webkit-box”时,“省略号”似乎不起作用,重置为“block”即可。
这可能会有所帮助:

如果overflow设置为hidden,并且它有一个包含元素,则通常情况下情况并非如此。我经常这样做,我得到省略号。然而,我注意到Android上存在一个问题,即剪裁和省略号重叠的奇怪组合。不知道为什么。
.myClass{
display     : -webkit-box;
-webkit-box-orient  : vertical;
text-overflow   : ellipsis;
-webkit-line-clamp  : 3;
overflow        : hidden; 
font-size       : 0.9em;
line-height     : 1.2em;
}