我要招人

去企业版

首页 > 试题广场 >

添加哪个属性可以使超出的文字部分变成「…」()

[单选题]

```
white-space: normal;
```
```
text-overflow: ellipsis;
```
```
overflow: hidden;
```
```
overflow: auto;
```

查看正确选项

每天都要努力呀！

white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;

white-space: 属性设置如何处理元素内的空白
normal: 默认。空白会被浏览器忽略。
pre: 空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。
nowrap: 文本不会换行，文本会在在同一行上继续，直到遇到 br 标签为止。
pre-wrap: 保留空白符序列，但是正常地进行换行。
pre-line: 合并空白符序列，但是保留换行符。

inherit: 规定应该从父元素继承 white-space 属性的值。

text-overflow: clip|ellipsis|string;

值	描述
clip	修剪文本。
ellipsis	显示省略符号来代表被修剪的文本。
string	使用给定的字符串来代表被修剪的文本。

overflow属性有以下值：

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

发表于 2019-09-11 09:46:39 回复(0)

卿辭

省略号三件套：

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

发表于 2022-06-22 10:33:12 回复(0)

珠江牛塘

属性：

white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit ; 设置如何处理元素内的空白

值	描述
normal	空白会被浏览器忽略（默认值）
pre	空白会被浏览器保留，其行为方式类似 HTML 中的 pre 标签
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 br 标签为止
pre-wrap	保留空白符序列，但是正常地进行换行
pre-line	合并空白符序列，但是保留换行符
inherit	规定应该从父元素继承 white-space 属性的值

text-overflow: clip | ellipsis | string ;

值	描述
clip	修剪文本
ellipsis	显示省略符号来代表被修剪的文本
string	使用给定的字符串来代表被修剪的文本

overflow: visible | hidden | scroll | auto | inherit ;

值	描述
visible	内容不会被修剪，会呈现在元素框之外（默认值）
hidden	内容会被修剪，并且其余内容是不可见的
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容
inherit	规定应该从父元素继承 overflow 属性的值

2. 应用：

单行文本溢出隐藏

div {
  /* 强制一行显示*/
  white-space: nowrap;
  /* 超出部分隐藏 */
  overflow: hidden;
  /* 超出部分省略号 */
  text-overflow: ellipsis;
}

多行文本溢出隐藏

div {
  /* 超出部分隐藏 */
 overflow: hidden;
  /* 超出部分省略号 */
  text-overflow: ellipsis;
  /* 设置弹性盒模型 */
  display: -webkit-box;
  /* 设置对齐模式 */
  -webkit-box-orient: vertical; 
  /* 设置多行的行数 */
  -webkit-line-clamp: 2; 
}

发表于 2022-08-17 17:06:46 回复(0)

star-chen

这个不应该配合overflow属性嘛

发表于 2020-04-04 18:13:01 回复(0)

提交观点

问题信息

上传者：小小

难度：

4条回答 445收藏 2535浏览

添加哪个属性可以使超出的文字部分变成「…」()

问题信息

热门推荐

相关试题