android/webkit文本溢出:省略号不起作用
我正在尝试在Android 2.1手机(HTC Sense UI)上使用以下代码: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.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;
}