Html 带溢出隐藏div的CSS包装文本不起作用?
在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
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;
}