美文网首页
css3单行缩略注意点

css3单行缩略注意点

作者: 浪浪山小妖_ | 来源:发表于2019-12-09 12:01 被阅读0次

1如下图例子

<view class="addr recalTitle ">
.addrWrap .addr{
  box-sizing: border-box;
  max-width:610rpx;
  margin:16rpx 0 0 0;
  line-height:24rpx;
  font-size:24rpx;
  color:#fff;
  padding-left:30rpx;
  background:url('http://ss.airag.cn/dist/wx/mp/1.6.2/icon_adress_white_24.png') no-repeat left center;
  background-size:auto 100%;
  
}
/* 单行缩略 */
.recalTitle {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

相关文章

  • css3单行缩略注意点

    1如下图例子

  • 文本溢出省略号处理

    单行处理 实现单行文本溢出显示省略号,此时需要定宽度 多行处理 css3方法

  • 2018-10-10(单行省略&多行省略)

    一,单行省略 单行省略,css3有属性可以实现。废话不多说,直接贴代码。 二,多行省略 多行省略可以用-webki...

  • Don't put the cart before th

    书看完了,把剩下的一些我认为值得注意或容易出错的小知识点一并总结。 1. 美音中常见的缩略读法 这些缩略读法能让我...

  • 聊天缩略图背后的故事

    看似简单,无人注意过的缩略图也隐藏着有趣的细节 这里我们主要讨论聊天列表中展示的缩略图,缩略图通常是将图片内容进行...

  • EditText设置单行显示

    android:singleLine="true" 设置单行已经过时 注意:下面设置单行的时候如果and...

  • CSS3笔记(一)选择器

    回顾css3之前的选择器 css3选择器 1、属性选择器 2、结构 伪类选择器 注意点 : 选择是分类型,排序是不...

  • 文本溢出隐藏

    1,单行文本: 用css3处理文字溢出必须具备四个条件 2,多行文本: ---end.

  • css3渐变:线性和径向

    知识点: CSS3 渐变CSS3 线性渐变CSS3 径向渐变 CSS3 渐变 渐变(gradients)可以在两个...

  • CSS3 背景

    知识点: CSS3 背景图像区域CSS3 背景图像定位CSS3 背景图像大小CSS3 多重背景图像CSS3 背景属...

网友评论

      本文标题:css3单行缩略注意点

      本文链接:https://www.haomeiwen.com/subject/epsbgctx.html