需求
如上图做一个跑马灯数据,时间、地点、姓名、提示文本字数都不是固定的。
逻辑思想
个人想法是给四个文本均设置宽度,不然会出现不能左对齐的现象。
此时四个文本均左对齐, 垂直排列样式也比较好看,但是出现一个缺点: 某些手机屏幕上会折行。
此时可以使用强制不换行
来进行样式优化–>white-space。
white-space:nowrap;
如上图做一个跑马灯数据,时间、地点、姓名、提示文本字数都不是固定的。
个人想法是给四个文本均设置宽度,不然会出现不能左对齐的现象。
此时四个文本均左对齐, 垂直排列样式也比较好看,但是出现一个缺点: 某些手机屏幕上会折行。
此时可以使用强制不换行
来进行样式优化–>white-space。
white-space:nowrap;
2024-04-01 10:04:46
2024-04-01 10:04:43
2024-04-01 10:04:40
2024-04-01 10:04:28
2024-04-01 10:04:27
2024-04-01 10:04:59
2024-04-01 10:04:42
2024-04-01 10:04:16
2024-04-01 10:04:50
2024-04-01 10:04:50