当视口变得太小时,在三行中打破三个单词

时间:2017-01-21 10:36:45

标签: html css

当较小的获取视口第一次触发单词时,是否支持本机或良好的浏览器方式将所有单词包装成一次?

示例:

  

07/2015至01/2016

可以说三个字。作为标准,当视口在第一个事件中变小时,它将会中断:

  

07/2015至
  01/2016

并在第二次活动中:

  

07/2015
  到
  01/2016

我尝试使用空格和隐形html字符,但没有成功。它应该看起来像第二个事件,第一个事件示例永远不会发生。

我忘记写一下我在flexbox中使用它(display:flex;)

2 个答案:

答案 0 :(得分:1)

@media only screen and (max-width: 1024px) {
.custDate{display:inline;}
}

@media only screen and (max-width: 768px) {
.custDate{display:inline;}
}

@media only screen and (max-width: 320px) {
 .custDate{display:table-caption;}
}

答案 1 :(得分:0)

请在媒体查询中使用此功能

<强> .className {显示:表字幕;}

`http://jsfiddle.net/zgKbg/`