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

---
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;}