逻辑(css3)_强制不换行

需求

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

逻辑思想

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

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

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

css 复制代码
white-space:nowrap;
相关推荐
Hi_kenyon1 分钟前
快速入门VUE与JS(二)--getter函数(取值器)与setter(存值器)
前端·javascript·vue.js
海云前端15 分钟前
前端面试加分技巧:文本省略 + Tooltip 优雅实现,附可直接复用代码(求职党必看)
前端
3秒一个大5 分钟前
模块化 CSS:解决样式污染的前端工程化方案
css·vue.js·react.js
在西安放羊的牛油果6 分钟前
浅谈 storeToRefs
前端·typescript·vuex
triumph_passion6 分钟前
Zustand 从入门到精通:我的工程实践笔记
前端·性能优化
pusheng20256 分钟前
双气联防技术在下一代储能系统安全预警中的应用
前端·安全
C_心欲无痕7 分钟前
ts - 交叉类型
前端·git·typescript
彭涛3617 分钟前
Blog-SSR 系统操作手册(v1.0.0)
前端
全栈前端老曹13 分钟前
【前端路由】React Router 权限路由控制 - 登录验证、私有路由封装、高阶组件实现路由守卫
前端·javascript·react.js·前端框架·react-router·前端路由·权限路由
zhuà!35 分钟前
uv-picker在页面初始化时,设置初始值无效
前端·javascript·uv