Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 块级元素是否支持文本溢出:省略号_Html_Css - Fatal编程技术网

Html 块级元素是否支持文本溢出:省略号

Html 块级元素是否支持文本溢出:省略号,html,css,Html,Css,我的文本溢出div时没有用省略号截断 通常这很容易实现,只需将文本溢出:省略号和溢出-x:hiddenCSS属性添加到文本容器中即可 如果您将更改为,则它会起作用。谷歌搜索之后,看起来块和内联块元素都支持文本溢出:省略号。为什么会这样 HTML: 看起来如果修改p标记,它会起作用: p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 这也来自MDN…看起来它适用于块元素: "Th

我的文本溢出div时没有用省略号截断

通常这很容易实现,只需将
文本溢出:省略号
溢出-x:hidden
CSS属性添加到文本容器中即可

如果您将
更改为
,则它会起作用。谷歌搜索之后,看起来块和内联块元素都支持文本溢出:省略号。为什么会这样

HTML:


看起来如果修改
p
标记,它会起作用:

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

这也来自MDN…看起来它适用于块元素:

"This property only affects content that is overflowing a block container 
element in its inline progression direction."

看起来它和p元素有关。也许这是关于块与支持省略号的内联块元素的关系。标题应该反映您实际提出的问题,并且应该清楚地说明。当你不说“这”是什么的时候,问为什么会发生“这”并不是一个问题陈述。
p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
"This property only affects content that is overflowing a block container 
element in its inline progression direction."