用CSS实现标题过长部分用省略号显示

使用方法：在CSS中同时应用width=""; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;才能达到效果。

width="";定义显示宽度

overflow:hidden; 溢出隐藏

text-overflow:ellipsis;省略号显示溢出文本内容

white-space:nowrap; 强制文本在一行内显示

用width指它好宽度、overflow:hidden;将超出的内容隐藏就行了

在ie下加上text-overflow:ellipsis;效果加你上面的一样，标题过长会自动显示省略号

时间： 2024-04-27 08:16:22

用CSS实现标题过长部分用省略号显示的相关文章

如何用CSS实现多行文本的省略号显示

本文翻译自CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS,文中某些部分有些许改动,并添加译者的一些感想,请各位读者谅解. 合理的截断多行文本是件不容易的事情,我们通常采用几种方法解决: overflow: hidden直接隐藏多余的文本 text-overflow: ellipsis只适用于单行文本的处理各种比较脆弱的javascript实现.之所以说这种实现比较脆弱是由于需要文本长度的变化时刻得到回流(relayout)

用css控制标题字符溢出,用省略号表示

css控制文章列表,让标题溢出的文字以省略号方式表现. <div style="width:300px; height:22px;line-height:22px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;">测试一下效果看能不能达到只逼供逼供逼供逼供珍贵逼供蚶见多识广薯在时工楞革革工进而杳碴国圆顶 </div> 用上面这段代码就可以实现,但如果要实现效果就得结合多个css的定义才

标题过长使用javascript按字节截取字符串_javascript技巧

做为一个前端开发人员在网页展示中经常会碰到,标题过长,需要截取字符串,用CSS的实现的话各种兼容问题,各种坑. 让后台程序截一下,又各种推托,让后台按字节截一下更是和要了后台老命一样,最后可能只会安字符长度给你截一下,最后不好看,对不齐,还是回头整CSS.调兼容: 有以上有感触的前端同学默默点个赞吧. 最近接触一个项目,后台只提供接口(json),所有页面的数据渲染,数据绑定都都交给了前端.终于,不考虑SEO,页面所有的主动权到偶的手中了,不经意间就碰到字节截取老问题了. 网络上流传一个Java

web标准化用CSS定义标题的几个实例

css|web|web标准原文:What is the Best Way to Mark up the Title of a Document? 说明:本文是 <Web Standards Solutions: The Markup and Style Handbook>一书中的一章.书号:ISBN:1590593812.我们会陆续翻译此书中有价值的章节. 原作者:Dan Cederholm 翻译:阿宏一个文档标题,最好的定义方法是什么?要回答这个问题,先设想我们要在一个页面上定义文章的标

用CSS把标题超出的部分变成...

核心提示:用CSS把标题超出的部分变成... <html> <body> <style> .ellipsis span { white-space:nowrap; text-overflow:ellipsis; /* for internet explorer */ overflow:hidden; width:190px; display:block; } html>body .ellipsis { clear:both; }

用CSS定义标题和几个实例

css 原文:What is the Best Way to Mark up the Title of a Document? 说明:本文是 <Web Standards Solutions: The Markup and Style Handbook>一书中的一章.书号:ISBN:1590593812.我们会陆续翻译此书中有价值的章节. 原作者:Dan Cederholm 翻译:阿宏一个文档标题,最好的定义方法是什么?要回答这个问题,先设想我们要在一个页面上定义文章的标题,通常我们有三个方

用CSS定义标题的几个实例

css 简单的样式使用CSS,最容易做的事情就是给我们的标题设置不同的字体样式.我们可以建立一个CSS规则,它将把样式应用到页面中出现的所有<h1>标签(或者是整个站点,当使用一个外部样式表的时候).随后,如果我们想要改变整个站点上所有出现<h1>标签的地方的颜色.尺寸.字体的话,我们所有需要做的事情就是修改一些CSS规则,然后它们将立即改变.听上去非常诱惑人,不是吗? 让我们认识一下我们自己的超级酷的标题: <h1>Super Cool Page Title<

CSS定义标题的实例讲解

简单的样式使用CSS,最容易做的事情就是给我们的标题设置不同的字体样式.我们可以建立一个CSS规则,它将把样式应用到页面中出现的所有<h1>标签(或者是整个站点,当使用一个外部样式表的时候).随后,如果我们想要改变整个站点上所有出现<h1>标签的地方的颜色.尺寸.字体的话,我们所有需要做的事情就是修改一些CSS规则,然后它们将立即改变.听上去非常诱惑人,不是吗? 让我们认识一下我们自己的超级酷的标题: <h1>Super Cool Page Title</h1&

java操作AD域 jar包标题要长长长

问题描述 java操作AD域 jar包标题要长长长 java有没有操作AD域用的三方jar包啊还是说现在只能用jndi? 哪位大婶有的给介绍一个啊