逻辑(css3)_强制不换行

需求

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

逻辑思想

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

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

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

css 复制代码
white-space:nowrap;
相关推荐
小小小米粒11 分钟前
生命周期 = Vue 实例从创建 → 挂载 → 更新 → 销毁的全过程钩子函数computed = 基于依赖缓存的计算属性
前端·javascript·vue.js
IT_陈寒20 分钟前
Vue的响应式更新把我坑惨了,原来是这个问题
前端·人工智能·后端
gyx_这个杀手不太冷静21 分钟前
大人工智能时代下前端界面全新开发模式的思考(一)
前端·人工智能·ai编程
冰暮流星22 分钟前
javascript之dom访问css
开发语言·javascript·css
Java小卷36 分钟前
FormKit源码二开 - 校验功能扩展
前端·低代码
xiaotao13144 分钟前
第二十一章:CI/CD 最佳实践
前端·ci/cd·vite·前端打包
C澒1 小时前
IntelliPro 企业级产研协作平台:数据可视化全流程拆解
前端·数据可视化
蓝黑20201 小时前
Vue组件通信之slot
前端·javascript·vue
小李子呢02111 小时前
前端八股7--- Vue 状态管理工具(vuex和pinia)
前端·javascript·vue.js
Geoking.1 小时前
后端Long型数据传到前端js后精度丢失的问题(前后端传输踩坑指南)
java·前端·javascript·后端