逻辑(css3)_强制不换行

需求

如上图做一个跑马灯数据，时间、地点、姓名、提示文本字数都不是固定的。

逻辑思想

个人想法是给四个文本均设置宽度，不然会出现不能左对齐的现象。

此时四个文本均左对齐， 垂直排列样式也比较好看，但是出现一个缺点： 某些手机屏幕上会折行。

此时可以使用强制不换行 来进行样式优化–>white-space。

white-space:nowrap;