简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

css实现字符串截断并加省略号示例

来源:易贤网   阅读:1003 次  日期:2014-07-23 14:58:39

温馨提示:易贤网小编为您整理了“css实现字符串截断并加省略号示例”,方便广大网友查阅!

代码如下:

<html>

<head><title></title></head>

<style>

.title{

width:100px;

white-space:nowrap;

word-break:keep-all;

overflow:hidden;

text-overflow:ellipsis;

}

</style>

<body>

<span class=title>标题显示太长省略多余部分并加省略号的样式</span>

<div class=title>标题显示太长省略多余部分并加省略号的样式</div>

</body>

</html>

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:html5 offlline 缓存使用示例
下一篇:利用css的样式对文本进行隐藏和显示等操作
易贤网手机网站地址:css实现字符串截断并加省略号示例
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!