新闻标题过长怎样用css代码控制省略号

css代码控制标题省略号

当标题的长度大于容器的长度时，我们可以用text-overflow来生成“...”而不是简单的截取。

text-overflow的定义是:

Name: text-overflow-mode
Value: clip | ellipsis | ellipsis-word

clip : 　不显示省略标记（…），而是简单的裁切
ellipsis : 　当对象内文本溢出时显示省略标记（…），省略标记插入的位置是最后一个字符。
ellipsis-word : 　当对象内文本溢出时显示省略标记（…），省略标记插入的位置是最后一个词（word）。

广州建网站总结：可以用它来生成“...”而不是用函数，用该CSS对于蜘蛛来说，截取的部分依然是可见的（只是没有显现）。如果用标题截取函数，则标题不是完整的，如果我们用CSS样式text-overflow:ellipsis，输出的标题是完整的。

广州建网站总结：text-overflow: ellipsis属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden）。只有这样才能实现溢出文本显示省略号的效果。

广州建网站总结：如果我们要给p标签定义text-overflow:ellipsis就可以这么写：

p {
white-space: nowrap;
width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

此文《新闻标题过长怎样用css代码控制省略号》由三行网络公司原创，转载请保留原文链接，谢谢！
关键词标签：css代码控制标题省略号    (PC+手机)响应式网站建设

• 外贸英文网站要怎样优化才容易搜索到呢“谷..
• 企业网站建设流程/方案要怎样写，言简意赅..
• 做外贸如何开发国外客户：30种技巧必看哦..
• 做网站优化选择什么关键词比较容易搜索到
• 网站生成静态页面是不是优化好排名靠前
• 现在比较有名的论坛有哪些：10大论坛排行..
• 制做英文网站的字体选择技巧：老外习惯看的..
• IE8和IE9浏览器的区别：用哪个好?
• 让自己的企业网站成为实力派，不要沦为花瓶..
• 现在的凡客怎样了：凡客的发展历程
• 什么是网络砍价师：了解商品行情帮买家讨价..
• 怎样建设展示型企业网站?如何突出设计
• 网页文字配色怎样产生和谐的视觉效果
• 什么是2级域名?和一级有什么区别?哪种好..
• 门户网站分为几个类型？有什么区别