<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
p:first-letter{ font-size:28px} <!--ie6不支持伪类-->
</style>
</head>
<body>
<p style="width:100px; height:25px; line-height:25px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;">即可到圣诞节啥考试死定了</p>
<a style="display:inline-block;width:100px; height:25px; line-height:25px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;" href="#" title="即可到圣诞节啥考试死定了">即可到圣诞节啥考试死定了</a>
<!--要实现溢出时产生省略号的效果还须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果。 -->
支持所有的浏览器
</body>
</html>
效果:
分享到:
相关推荐
呵呵 很好哦 css自适应宽度的按钮!
用css使单行超出指定宽度的内容切去并在结尾出现省略号 用css使单行超出指定宽度的内容切去并在结尾出现省略号
HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号,但鼠标可以选择文字,酷吧……
CSS自适应宽度按钮! 很值得下载看看!资源免费,大家分享!!
多种情况CSS文字超出宽度---换行总结 代码示例效果,下载就可以直接使用的代码哦 下面这个链接是效果图 https://img-blog.csdnimg.cn/af5f7fa301f645399cebe2ce29cdaf94.png?x-oss-process=image/watermark,type_...
这是一个纯CSS的下拉菜单,提供给CSS爱好者学习,应用不是非常广泛,如果作为导航栏请固定高度,否则会将页面玩挤下。
css样式冻结表头,右侧滚动条滑动,表头锁定不动;...css样式冻结首列,下侧滚动条滑动,首列锁定不动; 另外,表中首列添加了复选框,css样式,仅供参考学习,可以根据情况改动 适合菜鸟初学,大神高手会觉得简单绕行
NULL 博文链接:https://gang-zai.iteye.com/blog/963622
css层布局宽度自动适应,支持所有浏览器
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢,下面为大家介绍下如何设置div+CSS设置一行内文字超过宽度不换行且不显示
css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度
CSS自适应宽度按钮
//溢出用省略号显示 white-space:nowrap; //溢出不换行 但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢? 超出两行隐藏: css3解决了这个问题,解决方法如下: display:-webkit-box; //将对象作为...
css table width表格宽度样式设置定义.docx
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用...CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化. 使用CSS 实现内容逐个输出的效果
css和html固定表头和第一列,可上下拖动和左右拖动
使用html+css实现等宽列。
最近做了个项目,其中有项目需求是需要div根据内容进行宽度自适应。下面小编给大家分享一段代码关于CSS 实现div宽度根据内容自适应 的相关知识,需要的朋友参考下
这里利用CSS属性,使图片超过展示的宽度后,给图片设置显示最大的宽度。 假如用width属性强行设定显示尺寸似乎太不智能。幸好Firefox/Opera/IE7都提供了max-width属性支持。 假定希望图片显示宽度不超过500像素,...