国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css怎么把字放在圖片下面,CSS中如何將文字放置在圖片下方?

前端小編 6 0

CSS中可以使用相對定位(relative positioning)或***定位(absolute positioning)將文字放置在圖片下方。

相對定位是相對于元素在文檔流中的位置進(jìn)行定位,而***定位是相對于瀏覽器窗口進(jìn)行定位。

下面是一個使用相對定位將文字放置在圖片下方的示例:

<div style="position: relative;">
  <img src="image.jpg" alt="圖片">
  <p style="position: relative; top: 10px;">文字</p>
</div>

在這個示例中,圖片和文字都包含在了一個相對定位的div元素中,由于圖片和文字的相對位置不變,所以可以使用top屬性將文字向下移動10像素,從而放置在圖片下方。

如果需要讓文字始終保持在圖片下方,無論圖片大小如何變化,可以使用***定位來實現(xiàn):

<div style="position: relative;">
  <img src="image.jpg" alt="圖片">
  <p style="position: absolute; bottom: 0; left: 0;">文字</p>
</div>

在這個示例中,文字被***定位在了圖片的下方和左側(cè),無論圖片大小如何變化,文字都會保持在圖片的下方,可以根據(jù)需要調(diào)整left屬性來調(diào)整文字的左右位置。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
欧美va亚洲| 最新中文字幕在线视频| 欧美人妻久久精品二区三区特黄| 69激情网| 欧美激情一区二区三区四区| 国产精品免费无遮挡在线观看中文 | 欧美精品无码一区二区三区| 亚洲欧美日韩精品一区| 国产亚洲视频一区| 中文字幕人妻在线| 狠狠干夜夜爽| 荫蒂被男人添的好舒服爽视频| 亚洲国产成人精品女人久久久| a√天堂资源在线观看| 极品成人影院| 精品国产91亚洲一区二区三区www| 久久久天堂国产精品女人| 国产在人线免费视频精品| 欧美肥婆性猛交丰满大屁股| 国精无码欧精品亚洲一区| 国产精品久久人人做人人爽| 精品亚洲一区二区三区在线观看| 国产av一区二区三区日韩| 已婚人妻日本hd中文字幕| 国产精品人妻一区二区| 国内少妇人妻偷人精品四虎 | 大地资源二在线观看官网 | 三三影院理伦片| 日韩精品福利片午夜免费观看| 99国产精品白浆在线观看| 亚洲乱码在线观看| 亚洲视频在线观看一区二区| 99国产精品白浆在线观看免费| 国产成人精品三级| 精品亚洲一区二区三区四区| 天天干天天操天天插| 强开护士嫩苞又嫩又紧无删减| 日本天堂网在线观看| 亚洲AV一区二区天天摸日日| 精品国产理论片| 日本野花高清|