宁波网站建设咨询:宁波网站建设
137 8002 6116 宁波网站制作
首页
关于殷雯
网站建设
新闻/观点
网站案例
联系我们
殷雯动态
网站建设常见问答
网络推广
技术交流
PHP技术
你的位置:首页> 新闻/观点 > 网站建设常见问答>网站栏目名称过长 css自动截取省略方法
网站建设常见问答
网站栏目名称过长 css自动截取省略方法

网站栏目名称过长 css自动截取省略方法

<div class="title">当对象内文本溢出时显示省略标记</div>

这是一个例子,其实我们只需要显示如下长度:

css实现网页中文字过长截取...

title class应该这样写:

.title{ width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

说明:

1、宽度一定要设置,可以根据实际需求调整。

2、white-space:nowrap是禁止文字折行。

3、text-overflow表示当文本溢出时是否显示省略标记,有两个值:

clip:不显示省略标记(...),而是简单的裁切。

ellipsis:当对象内文本溢出时显示省略标记(...)

4、overflow:hidden表示溢出内容为隐藏。



点击:  289    时间: 2020-04-16
上一条: “新冠肺炎
下一条: 2020年五一劳动节祝大家节日快乐
 
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 137 8002 6116 
邮 箱:
330436190@qq.com
宁波网站建设
宁波网站制作
137 8002 6116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1