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

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

来源:易贤网   阅读:965 次  日期:2016-06-23 09:51:03

温馨提示:易贤网小编为您整理了“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>

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:用table表格来调整表单控件的格式让它好看一些
下一篇:dreamweaver中css的学习技巧
易贤网手机网站地址:css实现字符串截断并加省略号示例
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!