css自动换行强制不换行超出显示省略号

  • A+
所属分类:Elasticsearch

---
title: "CSS自动换行,强制不换行,超出显示省略号"
date: 2018-12-04 10:48:36
categories: css
tags:
- css
- 强制
- 显示
- 自动
- 换行
- 超出
- 省略号
- white-space
- nowrap
- word-break
- text-overflow
- ellipsis
- hidden
---

强制不换行
p { white-space:nowrap; }

自动换行
p { word-wrap:break-word; }

强制英文单词断行
p { word-break:break-all; }

*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。

超出显示省略号
p{text-overflow:ellipsis;overflow:hidden;}

ZPY

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: