图片与文字的位置

怎么让文字在图片的下方居中显示?

侧耳倾听1614427
浏览 2205回答 3
3回答

堇延未七

文字居中显示问题:如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置text-align:center来实现的。文字在图片的下方:将图片用div包裹,文字用另一个div包裹,然后图片所在div放在文字所在div上面。

慕spring

<img src="" ><div style="text-align:center">你想输入的文字</div>

慕斯卡8036547

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title>    <style type="text/css">    *{        margin: 0;        padding: 0;    }    .one{ height:100px;         width:200px;         background:skyblue;         line-height:170px;        text-align: center;         overflow:hidden;    }    </style></head><body>    <div class="one">     居中显示</div></body></html>你要的是这种效果吗?
打开App,查看更多内容
随时随地看视频慕课网APP