新闻标题过长怎样用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代码控制标题省略号    外贸英文网站推广,英文网站建设

• 制作英文网站多少钱（3000元）
• 做一个英文网站需要多少费用？ 3000元..
• 英文建站多少钱——不选贵的！只选对的！
• 搭建英文网站大概多少费用￥明码实价300..
• 谷歌建站-如何设计一个好的英文网站？
• 做一个专业、美观的中英文网站
• 出口建站-做一个海外客户喜爱的英文网站！
• 英文网站建设-外贸出口推广必备！
• B2B外贸英文建站需要多少费用？
• 英文建站价格（空间+域名+制作费用）
• 十堰外贸建站（十堰外贸网站制作公司）
• 小语种建站Tip重点！敲黑板！
• 外贸B2B网站设计：提升企业信任感！
• 谷歌英文建站——外贸官网！出口必备！
• 谷歌建站-如何搭建一个合格的外贸网站