首頁 › 語言筆記 › 在判斷p標籤下存在img標籤的情況下才使img標籤居中

在判斷p標籤下存在img標籤的情況下才使img標籤居中

紅穆 2023-07-10 20:32:03 瀏覽 200 📖 約 1 分鐘

可以使用以下CSS代碼來在存在<img>標籤時將其居中：

p img {
  display: block; /* 將<img>標籤設置爲塊級元素 */
  margin: 0 auto; /* 設置左右外邊距爲自動，即水平居中 */
}

這將使<img>標籤在其父級<p>標籤中水平居中。請注意，如果<img>標籤沒有設置寬度，則可能無法正確居中。可以根據需要調整CSS以實現所需的效果。

微信

支付寶

本文作者： 紅穆

本文鏈接： https://www.4s5.cn/cht/archives/1456.html

版權說明：本文爲原創文章，未經授權禁止任何形式的轉載、採集、鏡像，違者必究。如需轉載請註明出處並保留原文鏈接。

✍️ 作者：紅穆

網站管理員 · 感謝閱讀，更多精彩內容敬請關注

作者主頁查看主頁 →

css 背景顏色漸變屬性（linear 語言筆記  CSS

語法：<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+) <side-o…

2022-11-06 11:20:47 👁 239

css 浮動後，父盒子沒有高度解決辦法  語言筆記  CSS

如下所示，子元素 div2 本身具有高度和寬度，但由於其具有float:left；屬性後。其父元素 div1 不具有高度。<html> <head> </head> <body> <div id="div1"> <…

2022-11-06 11:20:47 👁 171

css 定位（position）語言筆記  CSS

2022-11-06 11:20:47 👁 119

css3 2D動畫（transform）語言筆記  CSS

transform語法：transform：none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() =…

2022-11-06 11:20:47 👁 161

css vh和vw自適應  語言筆記  CSS

　　在移動端中利用REM的相對於根HTML進行改變，通過一段JS實現了移動端自適應，本文則使用純CSS視口單位來自行自適應，雖然現在的兼容性還沒法完全能夠接受，但不妨礙你認識這個vw和vh的強大。響應式佈局的實現依靠媒體查詢( Media Queries )來實現，選取主流設備寬度尺寸作爲斷點針對…

2022-11-06 11:20:47 👁 356

css 背景圖固定不滾動（background 語言筆記  CSS

background-attachment 屬性body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; }標籤定義及使用說明background-atta…

2022-11-06 11:20:49 👁 210