文本样式

如何让溢出的文本以省略号显示:

CSS:
p {
  overflow: hidden; //隐藏 
  text-overflow: ellipsis; //溢出用省略号显示 
  white-space: nowrap; //溢出不换行
}
HTML:
<p>  Hi! Baby baby baby baby baby baby baby baby baby baby baby baby baby ~ </p>
效果:
Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • CSS提供了几个属性来操作字体。font,可以很方便的指定字体的属性。比如: 字体加粗,字体的风格:斜体和字体变形...
    勿以浮沙筑高台阅读 2,571评论 0 0
  • 2017年08月31日上午10时许,产妇进入待产室。 生产期间,产妇因疼痛烦躁不安,多次强行离开待产室,向家属要求...
    我从未见过你阅读 4,153评论 0 0
  • 笑来老师这周的课让我深受启发。 首先最让我感触的就是“自认为的刚需”和“消费者以为的刚需”。在说这两个概念...
    成长中的阿俊阅读 3,677评论 0 0
  • 当我踏足这片草地 我仿佛听到了一些声音 风吹过有相互挨挤的沙沙 阳光下匍匐的虫的奏鸣 鞋与绿色生命的碰撞 以及那似...
    非卿是故阅读 1,345评论 0 3