CSS实现文字一行显示带省略号
博客专区 > hosser 的博客 > 博客详情
CSS实现文字一行显示带省略号
hosser 发表于3年前
CSS实现文字一行显示带省略号
  • 发表于 3年前
  • 阅读 316
  • 收藏 12
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

CSS实现文字一行显示带省略号技术

maybe yes 发表于2015-01-20 11:39

原文链接 : http://blog.lmlphp.com/archives/64  来自 : LMLPHP后院

<style>
word-break: keep-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 500px;
</style>

CSS原生自带的功能虽然好,但是用起来不怎么好看,好像省略号的样式不能控制。

阅(56)评(0)查看评论


  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 193
博文 77
码字总数 4614
作品 3
×
hosser
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: