0

这是图片 上面是实际图片,下面是 html 结构

<div class="box">
  <div class="image">
  <div class="text">

在这里,.image由于它的提供者(96px 或 95px),它会有不同的高度。并且box' 的高度设置为,overflow: auto;因此不会有额外的空白。

但是这里出现了另一个问题,text右边的有时会变得太长并产生额外的空白。(text得到的边距)

解决方案似乎很丰富。对于最简单的一个,我可以将它们的所有高度设置为 95px。但我觉得这样做不舒服。

有什么优雅的解决方案吗?

我认为可以text根据其兄弟image或父级调整 的间距、边距box;或者我可以以某种方式限制高度text。(我尝试将高度设置为 100%,但它不起作用)

4

0 回答 0