首页新闻找找看学习计划

怎么在图片底部添加一行文字 居中

0
[待解决问题]

怎么在图片底部添加一行文字 并且居中,html或者js 改如何写用哪个标签?有没有好的方法

三水木00的主页 三水木00 | 初学一级 | 园豆:178
提问于:2019-04-24 14:35
< >
分享
所有回答(1)
0

可以参考下下面的代码:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .img_wrapper {
            text-align: center;
        }

        .img_wrapper img {
            max-width: 640px;
            display: block;
            margin: 0 auto;
        }

        .img_descr {
            line-height: 20px;
            padding: 6px 0;
            font-size: 12px;
            margin: 5px auto;
            display: inline-block;
            zoom: 1;
        }
    </style>
</head>

<body>
    <div class="img_wrapper">
        <img src="https://pic.cnblogs.com/avatar/1160651/20170510163152.png" />
        <span class=" img_descr">可爱极了</span>
    </div>
</body>

</html>
hellotim | 园豆:1484 (小虾三级) | 2019-04-24 15:13
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册