逻辑(css3)_强制不换行

需求

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

逻辑思想

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

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

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

css 复制代码
white-space:nowrap;
相关推荐
luckyext3 分钟前
Postman用JSON格式数据发送POST请求及注意事项
java·前端·后端·测试工具·c#·json·postman
烛阴38 分钟前
JavaScript 函数对象与 NFE:你必须知道的秘密武器!
前端·javascript
px521334440 分钟前
Solder leakage problems and improvement strategies in electronics manufacturing
java·前端·数据库·pcb工艺
eli96042 分钟前
node-ddk,electron 开发组件
前端·javascript·electron·node.js·js
全宝1 小时前
🔥一个有质感的拟态开关
前端·css·weui
老K(郭云开)1 小时前
最新版Chrome浏览器加载ActiveX控件技术--allWebPlugin中间件一键部署浏览器扩展
前端·javascript·chrome·中间件·edge
老K(郭云开)1 小时前
allWebPlugin中间件自动适应Web系统多层iframe嵌套
前端·javascript·chrome·中间件
银之夏雪2 小时前
Vue 3 vs Vue 2:深入解析从性能优化到源码层面的进化
前端·vue.js·性能优化
巴巴博一2 小时前
Tailwindcss开启黑夜模式
css·vue.js
还是鼠鼠2 小时前
Node.js 的模块作用域和 module 对象详细介绍
前端·javascript·vscode·node.js·web