上面是实际图片,下面是 html 结构
<div class="box">
<div class="image">
<div class="text">
在这里,.image
由于它的提供者(96px 或 95px),它会有不同的高度。并且box
' 的高度设置为,overflow: auto;
因此不会有额外的空白。
但是这里出现了另一个问题,text
右边的有时会变得太长并产生额外的空白。(text
得到的边距)
解决方案似乎很丰富。对于最简单的一个,我可以将它们的所有高度设置为 95px。但我觉得这样做不舒服。
有什么优雅的解决方案吗?
我认为可以text
根据其兄弟image
或父级调整 的间距、边距box
;或者我可以以某种方式限制高度text
。(我尝试将高度设置为 100%,但它不起作用)