根据媒体屏幕大小添加省略号

Question

所以我被卡住了！我正在寻找一个对于新手编码器来说足够简单的解决方案。

目前我有以下代码，它将一个省略号添加到echo

<?php echo ucwords($query->name = (strlen($query->name) > 15) ? substr($query->name,0,13).'...' : $query->name); ?>

这很好用，但我设置了iPhone 5的屏幕大小，以保持文本清洁，而不是破坏屏幕布局。但是，在较大的设备上，这看起来很奇怪，因为有额外的空间。那么还有另一种方法可以根据屏幕尺寸显示省略号吗？

谢谢！

Answer 1

使用

设置包含该输出的元素（没有服务器端截断）

overflow: hidden;
text-overflow: ellipsis;