CSS实现省略号_css省略-程序员宅基地

技术标签: css  前端  

省略号作用

在制作网页的时候,经常会遇到文字内容太多超出部分省略的情况。例如:

我们可以把这个类设置在公共样式里,需要的时候随时调用。

实现方法

.omit {
  width: 185px;
 /* 省略号的设置 
 前提:文本父级要有宽度 */
  white-space: nowrap;
/* 设置文本不换行 */
  overflow: hidden;
  text-overflow: ellipsis;
}

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41675812/article/details/123707843

智能推荐

JAVA后端调用微信支付“统一下单”接口实现微信二维码扫码支付_java微信支付统一下单生成二维码-程序员宅基地

文章浏览阅读1w次,点赞3次,收藏26次。以前写过一篇设置微信二维码失效时间的博客,最近又要新增微信退款的功能,于是又重新整理了一下前面的微信二维码扫码支付功能,感觉整体的实现方式都能够掌控了,于是将具体的源码拿出来分享一下。开发之前,一定要先阅读这篇说明文档:https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=6_3此处使用的微信二维码扫码支付功能,调..._java微信支付统一下单生成二维码

日语星期的来历和快速记忆法-程序员宅基地

文章浏览阅读3.5k次。日语中星期的说法,和我们习惯上的星期一、星期二不一样。从周日、周一到周六分别是:日曜日、月曜日、火曜日、水曜日、木曜日、金曜日、土曜日。まず、日月火水木金土、という順序が不思議である。确实,很多初学日语的朋友都会感到很难记忆。这不,介绍几种独特的记忆方法。快来选择一种适合自己的吧。首先,要记忆日语里星期的读法,就让我们先深入的了解一下日语中星期名称的来历。 中国古时把日、月、火、水

Vue使用Monaco Editor实现diff代码对比功能_monaco-editor diff-程序员宅基地

文章浏览阅读4.1k次,点赞3次,收藏13次。1.安装npm install monaco-editor --save-devnpm install monaco-editor-webpack-plugin --save-dev_monaco-editor diff

Android Studio试用说明_android+studio是免费的么?-程序员宅基地

文章浏览阅读1.9w次,点赞26次,收藏28次。声明: 本博客文章原创类别的均为个人原创,版权所有。转载请注明出处: http://blog.csdn.net/ml3947,另外本人的个人博客:http://www.wjfxgame.com。 凌晨的Google I/O大会上,宣布了Android Studio,引起了现场开发者的一片欢呼。那么,这个神秘的Android Studio到底是什么样的? 早上一来公司,我就迫_android+studio是免费的么?

[C#]一步一步开发自己的自动代码生成工具之四:简单三层代码模板实例Model层_net三层结构model层自动生成-程序员宅基地

文章浏览阅读3.8k次。 附录:简单的三层结构代码模板 1。Model层模板 using System;using System.Collections.Generic;namespace Model{ [Serializable] public class Model { private_net三层结构model层自动生成

Launcher界面的颜色设置_mtk launcher切换壁纸影响整体颜色-程序员宅基地

文章浏览阅读1.1k次。packages\apps\Launcher3\res\values\colors.xml #FFC1C1C1 #FFF_mtk launcher切换壁纸影响整体颜色

随便推点

分布式系统事务一致性到CAP,BASE理论_事务的一致性cap-程序员宅基地

文章浏览阅读9.2k次,点赞3次,收藏13次。文章出处:http://www.cnblogs.com/szlbm/p/5588543.html_事务的一致性cap

lua学习笔记(2)让lua解释器支持中文变量和函数名 以及 重新让 解释器接受中文的关键字_lua 支持 中文-程序员宅基地

文章浏览阅读2.7k次,点赞3次,收藏8次。今天再看lua 的解释器,突然想到我们的FAE 一直说要支持 脚本里面直接输入中文,于是我就去搜索了一下相关的实现流程,并且去简单的进行了一下操作。代码位置https://gitee.com/jeasonb/lua5.4.3_cn.git0 获得 lua的源码wget http://www.lua.org/ftp/lua-5.4.3.tar.gzroot@jeason:~/lua/lua_cn# wget http://www.lua.org/ftp/lua-5.4.3.tar.gz--20_lua 支持 中文

如何删除字符串中多余的空格_字符串删除多余空格-程序员宅基地

文章浏览阅读3k次。问题:如何将一个字符串儿中多余的空格给删掉?  需要注意的是,我们只要求删除多余的空格,但是并不要求把所有的空格都删掉。保留必要的空格是保持原有语义所必须的,如果把句子中所有的空格都删除,那么就会造成多个单词连成一坨而无法辨别。  问题的解决思路还是比较简单的,可以用空格或者换行把字符串儿分割成独立的单词或标点符号,然后将所有的空格都过滤掉,最后再用一个空格把所有的独立的单词或者标点符号重新连_字符串删除多余空格

Linux批量kill具有关键字的进程_kill 关键字-程序员宅基地

文章浏览阅读397次。ps -ef | grep /home/edcadmin/03-translator/| grep -v grep | cut -c 9-15 | xargs kill -9ps -ef |java为搜索当前服务器所有的Java进程,同样ps -ef | grep /home/edcadmin/03-translator/| grep -v grep | cut -c 9-15 | xargs kill -9 为搜索|后的进程,其中,grep /home/edcadmin/03-translator/_kill 关键字

【游戏精粹】独立非玩家角色合作行为的实现_网络游戏非玩家控制角色怎么同步-程序员宅基地

文章浏览阅读1.4k次。前言 本文讨论了一些可以容易添加的机制,这些机制可以使独立的非玩家角色具有更多的合作性。尽管每一个非玩家角色独立地决定它自己的行为,增加一些附加的信息并简单地进行通信将使得游戏看起来好像真的发生了合作行为一样。 可能的解决方案 合作,能够用很多方法来解决。一种解决方案是什么也不做。一些游戏类型避免了添加复杂的合作行为,因为敌人被假定为只会混乱地行动(例如《植物大战僵尸》中的僵尸彼此之间没有合作,而巨人僵尸的投掷行为与梯子僵尸的行为只能算是简单的合作行为)。然..._网络游戏非玩家控制角色怎么同步

保密工作人人有责——企业保密管理工作实务--闻方老师-程序员宅基地

文章浏览阅读776次。保密工作人人有责——企业保密管理工作实务课程背景:随着《中华人民共和国保守国家秘密法》自2010年10月1日起施行,2017年10月1日起正式施行的民法总则将商业秘密纳入与作品、发明、实用新型、外观设计、商标等并列的知识产权客体,商业秘密在企业的管理越来越得到重视。又随着互联网时代的发展,身处科技行业的各类公司,其运营体制、运营方式、核心技术、科技研发等内容,泄密很容易,保密须当心。保密管理作为企业内部管理制度的重要组成,企业如何识别各类应当保密的内容,对涉密内容如何恰当分类?怎样要求员工在

推荐文章

热门文章

相关标签