将鼠标悬停在图片段落间距过宽

Question

嗨堆栈溢出社区

我有一个问题，我试图解决一小时 在我完成转换css之后，段落间距变得太宽，并且它不会向下推动底部的第二个框。

我尝试过行高，但无济于事。 https://jsfiddle.net/jq2ka65y/是我的jsfiddle链接。

虽然这是我试图实现的结果 http://prntscr.com/c1ntt9是我的原型的截图。

                        </body>
                        </html>

道歉，如果它非常混乱。我还在尝试使用它。

Answer 1

悬停时动画线高度显然不是一个好主意。对于显示/隐藏动画，我建议你使用javascript。使用CSS <div></div>将要隐藏的部分换行到display: none;。然后，您可以使用jQuery的.hover()事件（例如），并使用.slideToggle()显示您的部分。 https://jsfiddle.net/alm/dLgw79av/5/