css 单行溢出没有省略号

在使用CSS设置单行文字超出容器范围时，我们经常会使用单行溢出和省略号的方式来显示。但是有时，我们不希望出现省略号而是想让文字自动显示。那么该如何实现呢？

其实只需要在CSS样式中加入如下代码：

    white-space: nowrap;
        overflow: hidden;
    

首先，white-space: nowrap; 用于设置容器中的文本不换行。接着，overflow: hidden; 表示溢出的文本隐藏起来，而不是产生滚动条或省略号。

这样，页面上的文字就会自动显示，不会被截断或省略掉了。

需要注意的是，这种方式只适用于单行文字，如果是多行文字，则需要结合其他样式一同使用才能实现。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！