如何阻止文本占用多于1行?

HTML CSS

TomTony

2020-03-23

是否有自动换行或其他任何阻止文字换行的属性?我的身高是和overflow:hidden,文本仍然中断。

需要在CSS3之前的所有浏览器中工作。

第2717篇《如何阻止文本占用多于1行?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
小卤蛋梅 2020.03.23

使用省略号将在最后添加...。

   <style type="text/css">
    div {
      white-space: nowrap;
      overflow: hidden;
text-overflow: ellipsis;
    }
    </style>
Stafan西门 2020.03.23

您可以使用它CSS white-space Property来实现。

white-space: nowrap
猴子村村 2020.03.23

有时使用&nbsp;代替空格将起作用。显然,它有缺点。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android