样式问题的经验总结

  1. 背景透明,内容不透明
background-color:rgba(255, 255, 255, 0.5); 
  1. 强制换行/不换行
white-space: nowrap(不换行)/normal(默认换行)
  1. 单/多行文本溢出

1). 单行文本溢出

width:200px;     //必须设置宽度
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

2). 多行文本溢出

width:200px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,078评论 1 4
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,500评论 25 709
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,674评论 32 459
  • 2017年10月5日,国庆辽宁游第二天。 今天的目的地是红海滩风景区。我们住宿的红海滩度假村酒店距红海滩风景区大约...
    随心而往阅读 450评论 0 3
  • 前言 刚接触iOS逆向,了解到有些从 APPStore 商店下载安装的APP 默认都被苹果加了一层壳,加了壳后我们...
    MaShuai丨阅读 1,923评论 1 1