快轉到主要內容
Background Image

Blog優化之圖片置中

·177 字·1 分鐘· Pixiv ID 75587265

開發程式代碼
#

CSS
#

/* 圖片置中(純 <img>) */
.prose p > img,
.prose li > img{
  display:block;
  margin:.75rem auto;
  max-width:100%;
  height:auto;
}

/* 圖片下方 caption 置中(你在 Markdown 放一行 .img-cap) */
.prose .img-cap{
  display:block;
  text-align:center;
  margin-top:.5rem;
  font-size:.875rem;
  opacity:.85;
}

用法
#

![抽象圖](./image.png)

<span class="img-cap">這是圖片說明文字</span>