怎么让文字在图片的下方居中显示?
圖片與文字的位置
側耳傾聽1614427
2017-09-28 12:29:46
3 回答
堇延未七
TA貢獻36條經驗 獲得超19個贊
文字居中顯示問題：
如果被設置元素為文本、圖片等行內元素時，水平居中是通過給父元素設置text-align:center來實現的。
文字在圖片的下方：
將圖片用div包裹，文字用另一個div包裹，然后圖片所在div放在文字所在div上面。
慕斯卡8036547
TA貢獻10條經驗 獲得超5個贊
<!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>
你要的是這種效果嗎？
- 3 回答
- 1 關注
- 2310 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消