实现文本溢出显示省略号代码,Css代码库,德仔网

代码语言

代码分类

【Css】实现文本溢出显示省略号

作者:英娴 / 发布于2016/3/3/ 709

<!DOCTYPE html>
<html>
<head>
<!-- 效果预览：http://hovertree.com/h/bjaf/1hg11eg4.htm -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>css3实现文本溢出显示省略号 - 何问起</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="utf-8" />
    <style>
        .slh{text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
width:360px;font-weight:bold;
        }
    </style>
</head>
<body>
    <div class="slh">欢迎光临<a href="http://hovertree.com/">何问起</a>! hovertree.com css3实现文本溢出显示省略号。<a href="http://hovertree.net/">Midi下载</a></div>
</body>
</html>

试试其它关键字

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

英娴贡献的其它代码(25)

.文字浮在图片上方
.图片上传工具类
.通过管道获取一个进程的执行状态
.消去重复字符
.对图片进行马赛克处理，可控制模糊程度
.检查输入的字符值时候符合正则表达式规则
.垂直居中
.输出当前日期
.输入一个表得到这个表的查询结果
.逆序对数