当前位置: 首页 > news >正文

逻辑(css3)_强制不换行

需求

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

逻辑思想

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

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

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

white-space:nowrap;
http://www.lryc.cn/news/213320.html

相关文章:

  • 营收净利双降、股价下跌四成,敷尔佳带伤闯关“双11”
  • C语言KR圣经笔记 2.8自增和自减 2.9位运算 2.10赋值
  • PHP的Excel导出与导入
  • Ubuntu自建git服务器
  • 【面试专题】并发编程篇①
  • Linux Centos7安装后,无法查询到IP地址,无ens0,只有lo和ens33的解决方案
  • 行为型模式-访问者模式
  • go-kit中如何开启websocket服务
  • 私有网络的安全保障,WorkPlus Meet内网视频会议助力企业高效会议
  • 国际权威媒体聚焦:孙宇晨和波场TRON在迪拜荣获加密行业重磅奖项
  • 新闻详情。
  • Java面试题-Redis-第二天(Redis持久化、过期键删除策略、内存淘汰策略)
  • ElasticSearch快速入门实战
  • 揭秘MySQL数据同步至Elasticsearch的最佳方案与技巧
  • 正点原子嵌入式linux驱动开发——Linux RTC驱动
  • 基于EasyCVR技术的大数据视频汇聚与智能分析平台设计方案
  • 骨传导耳机到底好用吗,到底骨传导耳机是不是噱头呢?
  • bitsandbytes 遇到CUDA Setup failed despite GPU being available.
  • 【机器学习】决策树与分类案例分析
  • 基于物联网、大数据、云计算、人工智能等技术的智慧工地源码(Java+Spring Cloud +UniApp +MySql)
  • Py之pypdf:pypdf的简介、安装、使用方法之详细攻略
  • 谷歌Bard更新!会有哪些体验升级?
  • [SHCTF 2023 校外赛道] reverse
  • pytorch:Model模块专题
  • Spring更加简单的读取和存储对象
  • Webpack5 系列:Babel 的配置
  • 【Spring】DI依赖注入,Lombok以及SpEL
  • 甘特图组件DHTMLX Gantt用例 - 如何自定义任务、月标记和网格新外观
  • auto自动类型推导总结
  • 透视2023,如何看清中国SaaS的未来之路?