如何使某个符号在视口断点处消失?

时间:2017-03-02 13:28:05

标签: html css

我想制作·,当某一行在特定点断开时,两个空格都会消失。

例如,在大屏幕上它看起来像这样:

  

©2017样品制作·保留所有权利

在手机上虽然它会分为两部分而且·是无关紧要的,所以它看起来像这样:

  

©2017样品制作
保留所有权利

有没有办法做到这一点?

看到这个小提琴:https://jsfiddle.net/aencaster/ymqa5gcg/

1 个答案:

答案 0 :(得分:0)

span中的点包裹在一个类中,例如:.dot,然后使用媒体查询将其隐藏:.dot {display: none;}

这很简单。 :)