2025年2月3日 星期一 甲辰(龙)年 腊月初三 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

CSS 限制文字行数(超出显示省略号...)

时间:02-22来源:作者:点击数:17

CSS 限制文字行数(超出显示省略号...)

  • /* 单行隐藏 */
  • .xxx {
  • /* 文本不换行 */
  • white-space: nowrap;
  • /* 超出范围隐藏 */
  • overflow: hidden;
  • /* 文字超出用省略号 */
  • text-overflow: ellipsis;
  • }
  • /* 多行隐藏 */
  • .xxx {
  • /* 在恰当的断字点进行换行 */
  • word-break: break-all;
  • /* 超出范围隐藏 */
  • overflow: hidden;
  • /* 文字超出用省略号 */
  • text-overflow: ellipsis;
  • /* 盒子模型 */
  • display: -webkit-box;
  • /* 显示的文本行数 */
  • -webkit-line-clamp: 3;
  • /* 子元素的垂直排列方式 */
  • -webkit-box-orient: vertical;
  • }
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门