逻辑(css3)_强制不换行

需求

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

逻辑思想

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

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

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

css 复制代码
white-space:nowrap;
相关推荐
掘金安东尼5 分钟前
解读 hidden=until-found 属性
前端·javascript·面试
1024小神13 分钟前
jsPDF 不同屏幕尺寸 生成的pdf不一致,怎么解决
前端·javascript
滕本尊13 分钟前
构建可扩展的 DSL 驱动前端框架:从 CRUD 到领域模型的跃迁
前端·全栈
借月14 分钟前
高德地图绘制工具全解析:线路、矩形、圆形、多边形绘制与编辑指南 🗺️✏️
前端·vue.js
li理14 分钟前
NavPathStack 是鸿蒙 Navigation 路由的核心控制器
前端
二闹17 分钟前
一招帮你记住上次读到哪儿了?
前端
li理21 分钟前
核心概念:Navigation路由生命周期是什么
前端
古夕24 分钟前
my-first-ai-web_问题记录02:Next.js 15 动态路由参数处理
前端·javascript·react.js
梦里寻码24 分钟前
自行食用 uniapp 多端 手写签名组件
前端·uni-app
前端小白199526 分钟前
面试取经:工程化篇-webpack性能优化之热替换
前端·面试·前端工程化