手机
当前位置:查字典教程网 >网页设计 > 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实现全兼容tooltip提示框

css实现鼠标滑过改变文字(中文变英文)

CSS3实现的闪烁跳跃进度条示例

用css控制标题字符溢出,用省略号表示

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

用css实现文字的自动隐藏

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

用css样式表实现首字大写

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

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

精品推荐
分类导航