图片与文字的位置
怎么让文字在图片的下方居中显示?
侧耳倾听1614427浏览 2169回答 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
Html/CSS
Html5