CSS：overflow使用說明

最新推荐文章于 2024-08-24 02:50:35 发布

weixin_30411819

最新推荐文章于 2024-08-24 02:50:35 发布

阅读量105

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mandongpiaoxue/p/7444429.html

本文介绍如何使用CSS属性实现文本溢出时显示省略号的效果，包括display、white-space、width、overflow及text-overflow等关键属性的设置。

必須設置的CSS屬性：

{
　　display:block;　　　　　　　　//或者inline-block，text-overflow:ellipsis只對block或者inline-block有效
　　white-space:nowrap;　　　　　 //保證不換行
　　width:12em; 　　　　　　　　　//必須有寬度
　　overflow:hidden; 　　　　　   //超出部分必須隱藏
　　text-overflow:ellipsis　　　  //最後設置文本隱藏
}

转载于:https://www.cnblogs.com/mandongpiaoxue/p/7444429.html