搜索

Discuz!教程 disucz教程:怎么让图片浮动起来?以及内边距第二行不生效

一定 2022-11-13 来自广东
今天看到一个网站图片浮动起来,感觉挺好看的,就想在自己网站也加上,网上搜了下,主要代码如下。

[CSS] 纯文本查看 复制代码
.rec-book-item {transition: all 0.4s;}//浮动的时间
.rec-book-item:hover {
    box-shadow: 0 8px 8px 0 grey; 
    transform: translate(0, -4px);//向上浮动的距离
border-radius: 10px;
}

以上代码,初步实现了浮动,但是我现在要给图片下面的文字加个白色背景以及内边距,但是新的问题来了,内边距第一行生效,第二行不生效。

问了大佬,需要在文字样式部分,加上以下代码。

[CSS] 纯文本查看 复制代码
display: block;


意思是将文字样式改为块元素,但是这样还是显示一行,而后设置了高元素为height: 65px,显示也2行了。

使用道具 举报

您需要登录后才可以回帖 立即登录
共收到 0 条点评

一定的勋章

精华达人 以坛为家 管理员 主题破百 赞助会员 作者勋章

Q群

扫一扫加入Q群

APP

扫一扫下载APP

反馈

返回顶部