`
pengfeifei26
  • 浏览: 245445 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css 控制字数,多出用...表示

    博客分类:
  • java
 
阅读更多
<html>
    <head>
       <title></title>
       <style type="text/css">
           #newsList{ font-size:14px;}
           #newsList ul,#newsList ul li{ list-style:none}
           #newsList ul{width:380px;}
           #newsList ul li{ width:300px; margin-bottom:5px; height:16px;}
           #newsList ul li span{display:block; float:right;}
           #newsList ul li a {
               text-decoration:none;
               display:block;
               float:left;
               width:175px;
               overflow:hidden;          /*超出部分隐藏*/
               white-space:nowrap;
               /*文本溢出用"..."表示*/
               text-overflow:ellipsis;                    /*适用IE*/
               -o-text-overflow:ellipsis;                 /*适用opera*/
               -moz-binding: url('ellipsis.xml#ellipsis');/*适用火狐(firefox通过XUL实现效果)*/
           }
      </style>
   </head>
   <body>
      <div id="newsList">
          <ul>
              <li><a href="#" >使用Css隐藏超出容器宽度的文字</a><span>[2010-12-01]</span></li>
              <li><a href="#">使用Css隐藏超出容器宽度的文字</a><span>[2010-12-01]</span></li>
              <li><a href="#">使用Css隐藏超出容器宽度的文字</a><span>[2010-12-01]</span></li>
          </ul>
      </div>
  </body>
  </html>
分享到:
评论

相关推荐

    js限制显示字数

    对于已有的文本,我们可能希望只显示部分内容,超出部分则用省略号表示。可以使用`substring`或`slice`方法截取字符串,并结合CSS来实现。例如,限制显示前50个字符: ```javascript function ...

    毕业论文-源代码- ASP.NET基于BS模式的文献检索系统(SQLServer数据库)论文字数:38943字.zip

    总的来说,这个毕业设计项目展示了如何使用ASP.NET和SQL Server构建一个功能完善的文献检索系统,涵盖了Web开发的多个重要方面,包括前端交互、后端处理、数据库设计以及安全性控制,对于学习和实践Web开发技术具有...

    2021-2022计算机二级等级考试试题及答案No.12859.docx

    19. 在程序流程图(PFD)中,箭头表示控制流,即程序执行的顺序。 20. 打开窗口控制菜单(如标题栏上的最大化、最小化和关闭按钮)的快捷键通常是Alt + Space。 21. C语言中,i += i - 1这条语句执行后,如果i初始...

    2021-2022计算机二级等级考试试题及答案No.4384.docx

    1. Servlet处理请求:当多个客户请求一个Servlet时,服务器通常不会为每个客户启动一个新的进程,而是使用线程模型来处理请求,这些线程由Servlet容器(如Tomcat)管理,以提高效率和资源利用率。 2. Windows多用户...

    CSS(js)限制页面显示的文本字符长度

    CSS属性通常不会直接限制字符的字数,而是通过控制容器宽度来间接控制文本的显示长度。例如,如果我们给定一个元素的宽度,并设置overflow属性为hidden,那么超出容器宽度的文本就会被隐藏,从而实现了对文本显示...

    2021-2022计算机二级等级考试试题及答案No.10514.docx

    10. Python中,二维数组可以通过嵌套列表实现,结构体可以用字典数据类型表示。结构体数组和链表也有相应的实现方式。 11. 微型计算机硬件系统由主机(包含CPU、内存等)和外设(如显示器、键盘等)组成。 12. 二...

    2021-2022计算机二级等级考试试题及答案No.16216.docx

    在 Web 应用中,通常用 JavaBean 作为模型,JSP 作为视图,Servlet 作为控制器。 14. ASCII 码值升序排序:数字(5)小写字母(a)大写字母(X),因此排序结果是 5, X, a。 15. 在 C++ 中,`double` 类型的数据占...

    2021-2022计算机二级等级考试试题及答案No.16633.docx

    14. CSS(层叠样式表)用于控制网页的样式。嵌入CSS的方式包括:定义内部样式块(在部分)、内联定义(在HTML元素中使用style属性)。 15. E-mail地址的usename部分是用户名,hostname是邮件服务器的域名。 16. ...

    2021-2022计算机二级等级考试试题及答案No.1720.docx

    7. **CSS布局**:CSS(层叠样式表)常使用标记构建页面布局,是HTML中用于创建区块的元素。 8. **中央处理器**:中央处理器(CPU)是计算机系统的核心,负责执行指令和处理数据。 9. **Java数组属性**:在Java中,...

    2021-2022计算机二级等级考试试题及答案No.10239.docx

    Java中的同步代码块可以通过指定任何对象作为锁来实现同步控制,从而避免多个线程同时访问共享资源导致的问题。 ### 5. 表达式的逻辑真判断 **题目:** 结果为逻辑真的表达式是? **选项:** A. "ABC"$"AB" B. "ABC...

    网站的分析与设计.pdf

    标题简洁明了,正文层次分明,最多分三级,每级用阿拉伯数字表示,如1、1.1、1.1.1。各级标题的字号和排版位置都有明确要求,确保文档清晰易读。 总之,《网站的分析与设计》大作业旨在让学生通过实践深入理解和...

    2021-2022计算机二级等级考试试题及答案No.11118.docx

    根据提供的文档内容,我们可以总结和扩展出以下几个关键的IT知识点: ### 1. SCAN 循环语句 SCAN 循环语句是一种用于遍历数据集合(如数据表)的循环控制结构。在选项中提到的数组、数据表、内存变量和程序中,正确...

    2021-2022计算机二级等级考试试题及答案No.11725.docx

    根据提供的文档内容,我们可以总结出一系列与计算机二级等级考试相关的知识点。这些知识点涵盖了数据库管理、网络技术、软件工程、编程语言以及操作系统等多个方面。下面是详细的知识点解析: ### 1. 报表的功能 ...

    2021-2022计算机二级等级考试试题及答案No.18019.docx

    这些知识点涵盖了计算机硬件基础知识、编程语言(如C/C++、HTML/CSS/JavaScript)、数据库管理、操作系统使用技巧等多个方面。 ### 1. 计算机硬件基础 **知识点**:主机的组成 **描述**:微型计算机的主机部分...

    JS 输入字数判断实现代码

    使用JavaScript进行字数判断是网页动态交互的重要组成部分,它能帮助我们控制用户输入,保证数据的一致性,并提升用户体验。通过监听输入事件,结合字符串的`length`属性,我们可以轻松实现这一功能。在实际项目中...

    值班系统网页源代码、、、

    基于给出的标签,“值班系统”意味着该系统主要用于管理机构或企业的值班工作,可能包括为员工分配值班任务、记录值班情况、提醒值班变更等功能。“源码”则表示我们可以直接查看和修改这些功能的实现细节。 在压缩...

    百度指定贴吧列表小偷 v1.0

    【标签】"asp源码"表示这个项目是用ASP(Active Server Pages)编写的,ASP是一种微软公司的服务器端脚本环境,用于生成动态网页。这意味着开发者需要熟悉VBScript或者JScript等ASP支持的脚本语言。 【压缩包子文件...

    KindEditor手册

    - 描述:配置编辑器工具栏的项目,使用“-”表示换行,“|”表示分隔符。 - 数据类型:Array - 默认值:`['source', '|']` 以上是KindEditor的核心功能和使用指南,希望能够帮助开发者更好地利用这款优秀的编辑...

    html页面两侧对联效果

    接着,CSS用于控制这些元素的样式,实现对联的对齐和布局。我们可以设定左右div的宽度、高度、边距、背景色等属性,使它们分别位于页面的两侧,例如: ```css .left-dual { width: 50%; float: left; /* 其他样式...

    Editor手册

    - **底层控制**:内置自定义DOM类库,方便开发者对DOM进行精准控制。 - **模块化设计**:通过插件的形式实现各项功能,可以根据项目需求灵活地增加或减少功能。 - **主题定制**:只需要修改一个CSS文件即可轻松更改...

Global site tag (gtag.js) - Google Analytics