Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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 带溢出隐藏div的CSS包装文本不起作用?_Html_Css - Fatal编程技术网

Html 带溢出隐藏div的CSS包装文本不起作用?

Html 带溢出隐藏div的CSS包装文本不起作用?,html,css,Html,Css,在css中,我编写了一个类样式overflow:hidden。我的div包含一个小图像和一些段落文本。如果溢出在某种意义上被隐藏,则换行符不起作用。如果我删除,它会工作。但我需要溢出隐藏和字包装 .img-block_100 { height: 100px; width: 100px; float: left; margin-right: 5px; } .img-block_100 img { max-width: 100%; } .ee-conten

在css中,我编写了一个类样式
overflow:hidden
。我的div包含一个小图像和一些段落文本。如果溢出在某种意义上被隐藏,则换行符不起作用。如果我删除,它会工作。但我需要溢出隐藏和字包装

.img-block_100 {
    height: 100px;
    width: 100px;
    float: left;
    margin-right: 5px;
}

.img-block_100 img {
    max-width: 100%;
}

.ee-content {
    width: 100%;
    height: 140px;
    overflow: hidden;
    width: 250px;
}

请看我的尝试:

这是因为
溢出:隐藏
正在清除浮动的
img
元素

一种解决方案是包装这两个元素,然后将
overflow:hidden
添加到包装器中。这样做时,浮动的
img
未被清除,文本按预期环绕
img


到底是什么不起作用?@APAD1尝试删除
溢出:隐藏
,然后您就会看到。如果我删除
溢出:隐藏全文变为可见,正如预期的那样。@APAD1:我需要
溢出:隐藏和换行文本
.content-wrapper {
    width: 250px;
    height: 140px;
    overflow: hidden;
}