手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css实现字符串截断并加省略号示例
css实现字符串截断并加省略号示例
摘要:.title{width:100px;white-space:nowrap;word-break:keep-all;overflow:hid...

<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>

【css实现字符串截断并加省略号示例】相关文章:

用css实现十字的布局示例代码

相邻div实现一个跟着另一个自适应高度示例代码

css实现强制不换行/自动换行/强制换行

用css实现文字的自动隐藏

纯CSS3实现带动画效果导航菜单无需js

CSS截取字符串显示省略号

一款纯css3实现的动画加载导航

css实现文字过长显示省略号的方法

div+css垂直居中的五种实现方法

文字过长用省略号代替纯css代码

精品推荐
分类导航