今天来谈谈内容溢出和文字溢出的问题

简介: 今天来谈谈内容溢出和文字溢出的问题

今天来谈谈内容溢出和文字溢出问题

1、内容溢出

overflow:hidden|auto|scroll;
overflow:hidden;表示溢出部分隐藏(自动找高,自动找到原位置)
overflow:auto;自动,当内容溢出显示滚动条,当内容不溢出就没有滚动条
overflow:scroll;溢不溢出都显示滚动条

2、一行文字溢出省略号显示:

一行文字溢出我们在小米官网最常见了,不信看下图,个人觉得还挺重要的:

1)在同一行显示:
white-space:nowrap;
2)溢出部分隐藏:
overflow:hidden;
3)文字溢出
text-overflow:ellipsis;


相关文章
Bug级别判定法则
Bug级别判定法则
969 0
|
Java API p3c
【Java基础】@Transactional(rollbackFor=Exception.class)的使用
@Transactional(rollbackFor=Exception.class)的使用
734 0
【Java基础】@Transactional(rollbackFor=Exception.class)的使用
|
弹性计算
2024年阿里云服务器不同实例规格与配置实时优惠价格整理与分享
2024年阿里云服务器的优惠价格新鲜出炉,有特惠云服务器也有普通优惠价格,本文为大家整理汇总了2024年阿里云服务器的优惠价格,包含特惠云服务器和其他配置云服务器的优惠价格。以便大家了解自己想购买的云服务器选择不同实例规格和带宽情况下的价格,仅供参考。
2024年阿里云服务器不同实例规格与配置实时优惠价格整理与分享
|
Java Spring
解决Spring工具类BeanUtils copyProperties方法复制null的问题
解决Spring工具类BeanUtils copyProperties方法复制null的问题
1204 0
|
6月前
|
人工智能 缓存 Java
用 AI 搭建秒杀平台后端,一周搞定所有功能(附超详细踩坑记录)
本文分享如何借助AI技术快速搭建电商秒杀平台后端。通过飞算JavaAI,从需求分析到代码生成全流程智能化,大幅提高开发效率。文章详细记录了技术栈选择(Java、Spring Boot、MySQL、Redis)、系统架构设计、缓存机制优化、数据一致性保障及测试调优等环节,解决高并发难题,助开发者高效完成秒杀平台构建并规避常见坑点。
|
资源调度 JavaScript 前端开发
vue2_二次封装a-upload组件,自定义上传预览
vue2_二次封装a-upload组件,自定义上传预览
976 0
|
SQL 存储 分布式计算
流批一体技术简介
本文由阿里云 Flink 团队苏轩楠老师撰写,旨在向 Flink 用户整体介绍 Flink 流批一体的技术和挑战。
51094 3
流批一体技术简介
|
Android开发
Android Studio: 解决Gradle sync failed 错误
本文介绍了解决Android Studio中出现的Gradle同步失败错误的步骤,包括从`gradle-wrapper.properties`文件中获取Gradle的下载链接,手动下载Gradle压缩包,并替换默认下载路径中的临时文件,然后重新触发Android Studio的"Try Again"来完成同步。
6591 0
Android Studio: 解决Gradle sync failed 错误
|
缓存 JavaScript UED
使用 v-once 和 v-memo 进行 Vue 渲染优化
使用 v-once 和 v-memo 进行 Vue 渲染优化
|
数据可视化 程序员
IDEA插件-Rainbow Variable/IDEA彩色变量
"Rainbow Variable"是一款用于 IntelliJ IDEA 的插件,旨在提高代码中变量的可视化区分度。通过使方法中的参数和变量呈现不同的颜色,提高代码可读性。 插件允许用户自定义颜色,使得在同一个函数内部相同的变量采用相同的颜色,从而避免误用。
2590 0
IDEA插件-Rainbow Variable/IDEA彩色变量