当前位置:首页 >> 站长交流 >>CSS样式如何限制文字长度

CSS样式如何限制文字长度

2017-7-26 沈军 站长交流

CSS样式如何限制文字长度呢,我们常需要隐藏超出长度的文字。主要用到以下CSS元素,CSS样式限制文字长度的具体方法如下。
.length{
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

CSS样式限制文字长度示例-带宽度限制

<div style="width:300px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">CSS样式如何限制文字长度,我们常需要隐藏超出长度的文字。这在列表条目,题目,名称等地方常用到。text-overflow: ellipsis;不过话说text-ellipsis是一个特殊的样式,有关解释是这样的:text-overflow属性仅是注解,当文本溢出时是否显示省略标记。</div>

CSS样式限制文字长度示例-不带宽度限制

<div style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">CSS样式如何限制文字长度,我们常需要隐藏超出长度的文字。这在列表条目,题目,名称等地方常用到。text-overflow: ellipsis;不过话说text-ellipsis是一个特殊的样式,有关解释是这样的:text-overflow属性仅是注解,当文本溢出时是否显示省略。</div>


标签: CSS

评论:

星梦互联
Google Chrome 40.0.2214.89 Android 4.4.42017-08-27 20:52
出售域名
8a0.cn  极品三杂
www.78dy.vip  78电影网  
全网VIP视频免费在线观看!
整站出售

星梦互联新一轮活动开启了,为了提高销售业绩,即日起星梦互联成本价注册域名,需要注册的抓紧时间抢注!抢注地址  http://suo.im/49T4qA
夏日博客
Google Chrome 45.0.2454.101 Windows 72017-07-26 13:02
直接 overflow:hidden 就可以了。
沈军
2017-07-26 14:09
@夏日博客:之前尝试过,这个办法也不错的!

发表评论:

特色服务

网站建设 B2B推广 博客运营

关于博客

Powered by emlog

备案信息渝icp备13007381号-2

Copyright © 2014 by 沈军.All rights reserved.

联系我们

Q:375405748

18523488524

Address: ChongQing