我的网络应用程序存在问题。我有这些CSS规则,以确保如果文本溢出,它将显示三个点。它适用于我测试过的所有浏览器(桌面和移动设备)。一个很大的除了是android股票浏览器,更重要的是只有RTL模式(我附加了渲染输出的图像)。
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
输出应为选项1,选项2等。有足够的空间来容纳这个小文本但是被切断了。
我尝试使用text-rendering:optimizeLegibility选项,它在某些情况下有所帮助,但并非全部。
是否有人有任何想法可能解决这个问题?
感谢您的时间!