首页 前端知识 逻辑(css3)_强制不换行

逻辑(css3)_强制不换行

2024-03-08 10:03:43 前端知识 前端哥 518 66 我要收藏
需求

在这里插入图片描述
如上图做一个跑马灯数据,时间、地点、姓名、提示文本字数都不是固定的。

逻辑思想

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

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

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

white-space:nowrap;
转载请注明出处或者链接地址:https://www.qianduange.cn//article/3431.html
标签
评论
发布的文章

JQuery对象操作

2024-04-01 10:04:46

jQuery 事件

2024-04-01 10:04:28

jQuery实现二级菜单

2024-04-01 10:04:16

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!