css3不换行 省略号

CSS3是网页设计中常用的一种样式语言，可以使页面更加美观和功能更加强大。其中，不换行和省略号是很常见的效果，下面就分别介绍它们的实现方法。

不换行可以通过white-space属性来实现，其取值有三种：normal（默认），pre和Nowrap。其中，pre可以保留空格和换行符，而Nowrap则是不允许换行。以下是一个例子，展示了不同取值的效果：

p {
  white-space: normal;
}

p.pre {
  white-space: pre;
}

p.Nowrap {
  white-space: Nowrap;
}

在使用省略号时，可以先设置文字的宽度，然后使用text-overflow属性来添加省略号。同时需要设置overflow属性为hidden，否则文字会溢出容器。以下是一个例子：

p {
  width: 150px;
  white-space: Nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

以上就是CSS3实现不换行和省略号的方法，希望对网页设计有所帮助。