根据媒体屏幕尺寸添加省略号
Add ellipsis based on Media Screen Size
所以我卡住了!我正在寻找任何对编码新手来说足够简单的解决方案。
目前我有以下代码,它向 echo 添加了一个省略号
<?php echo ucwords($query->name = (strlen($query->name) > 15) ? substr($query->name,0,13).'...' : $query->name); ?>
这很好用,但我将其设置为 iPhone 5 屏幕大小,以保持文本干净,不破坏屏幕布局。然而,在更大的设备上这看起来很奇怪,因为有额外的 space。那么有没有另一种方法可以根据屏幕大小显示省略号?
谢谢!
只需将包含该输出(无服务器端截断)的元素样式设置为
overflow: hidden;
text-overflow: ellipsis;
所以我卡住了!我正在寻找任何对编码新手来说足够简单的解决方案。
目前我有以下代码,它向 echo 添加了一个省略号
<?php echo ucwords($query->name = (strlen($query->name) > 15) ? substr($query->name,0,13).'...' : $query->name); ?>
这很好用,但我将其设置为 iPhone 5 屏幕大小,以保持文本干净,不破坏屏幕布局。然而,在更大的设备上这看起来很奇怪,因为有额外的 space。那么有没有另一种方法可以根据屏幕大小显示省略号?
谢谢!
只需将包含该输出(无服务器端截断)的元素样式设置为
overflow: hidden;
text-overflow: ellipsis;