[分享]css中字体超出部门隐藏

CSS中有一种属性能够让字体超出部分隐藏，其名称是overflow。这个属性一般用在容器元素上，可以控制元素的内部容器内容溢出时是否出现滚动条或者直接隐藏。如果要让字体超出部分隐藏，我们可以使用tex...

CSS中有一种属性能够让字体超出部分隐藏，其名称是overflow。这个属性一般用在容器元素上，可以控制元素的内部容器内容溢出时是否出现滚动条或者直接隐藏。

如果要让字体超出部分隐藏，我们可以使用text-overflow和white-space属性。其中，text-overflow属性用来控制如何显示隐藏文字，white-space属性用来控制如何处理单行或多行文本的空白。

 .container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  } 

在上面的代码中，我们定义了.container这个元素的样式。通过将overflow属性设置为hidden，可以让超出部分隐藏。

而text-overflow属性的值ellipsis表示省略号，当超出部分被隐藏时，将会显示省略号。

最后，white-space属性的值nowrap表示不换行，让文本保持在单行中。

通过以上样式的设置，我们可以实现字体超出部分隐藏的效果。