将鼠标悬停在图像段落间距过宽的位置

Question

堆栈溢出的Hi社区

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

我试过线高，但没有用。https://jsfiddle.net/jq2ka65y/是我的jsfiddle链接。

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

                        </body>
                        </html>

如果很乱，请道歉。我还在努力适应这个。

Answer 1

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