css 根据屏幕大小更改文本长度媒体查询

rdlzhqv9 于 12个月前发布在其他

关注(0)|答案(1)|浏览(133)

我从API接收标题值，它的长度可以从10到100个字符。
现在，如果它的长度大于21个字符，那么我需要显示它像21个字符+“.."。
我在下面使用：
if（title.length > 21）myTitle = title.substring（0，21）+“..";
但现在我想改变这个条件> 15字符为@媒体（最小宽度：320 px）{}
如何更改使用媒体查询和更新其长度？

<h5  className="textTitle"> {myTitle}</h5>

字符串

css

来源：https://stackoverflow.com/questions/77480902/change-text-length-based-on-screen-size-media-query

1条答案

按热度按时间

vwkv1x7d1#

你可以使用溢出elipsis并使用REM计算控件的宽度，然后你只需要使用LENGTH_OF_THE_STRING_YOU_WISH_FOR。然后你可以根据媒体查询将容器的宽度更新为任何你喜欢的宽度。不需要JavaScript。

赞(0）回复(0）举报 12个月前

我来回答

css 根据屏幕大小更改文本长度媒体查询

1条答案

相关问题

热门标签

最新问答