通过CSS+DIV怎么将文字写在图片上方

日期:2019-08-06 17:02:46 人气:1

通过CSS+DIV怎么将文字写在图片上方

HTML图片和文字是并列显示的。如下: 1. 将文字浮在图片上我们加个div把图片和文字包在一起,并且加上img-group和img-tip这两个class,便于后面的处理。 我们要让文字浮在图片上面,需要加上定位。看文字浮在了图片的底部。 display: inline-block;与定位无关,只是使整个.img-group长宽与图片适应。 2. 文字与背景处理文字左对齐,我们把文字居中。给.img-tip添加如下代码: 文字不清楚,我们加上背景和字体颜色,并适当的设置一下透明。给.img-ti
    A+
热门评论