---
# System prepended metadata

title: "\U0001F3C5 Day 2 - 移除圖片空隙"
tags: [網頁切版直播班 - 2025 夏季]

---

# 🏅 Day 2 - 移除圖片空隙

[示意](https://codepen.io/hexschool/pen/mdXZJar)：
![](https://i.imgur.com/VggWh0X.png)
> 圖片下方與 p 標籤會有一小部分空隙

```htmlembedded=
<img class= "img" src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo nostrum officiis aspernatur.</p>
```
```css=
.img {vertical-align:top/bottom/text-top/text-bottom;
  ...
}
```

提示：[img 下方不明空隙](https://tzuhui.github.io/2020/01/08/HTML/html-img-blank/)

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答(擇一)：
1. display:block;
2. vertical-align:top/bottom/middle/text-top/text-bottom -->


回報區
---
| #   |     Discord     | CodePen / 答案                                                              |
|:--- |:---------------:|:---------------------------------------------------------------------------:|
| 1   |  小趴 | [Codepen](https://codepen.io/papa2415/pen/ogXMqaK)                |
|  2  |  登登登  | [Codepen](https://codepen.io/Duncanin/pen/xbGJWoo)                |
|  3  |  禹成林  |[Codepen](https://codepen.io/useirin/pen/gbpjeVg) | 
|  4  |  力文  | [Codepen](https://codepen.io/liwenchiou/pen/NPqBYQw)|          
|  5  |  那個貓貓  | [Codepen](https://codepen.io/zorakao/pen/LEVBmEE)|           
|  6  |  jchunnn|[Codepen](https://codepen.io/jchunnn/pen/xbGJjGv)|
|  7  |  Jerome  |[Codepen](https://codepen.io/qsc002163/pen/RNPByoK) |
|  8  |  pastor  |[Codepen](https://codepen.io/peter_hung/pen/GgJBdmE) |
|  9  |   Katie  |[Codepen](https://codepen.io/Katiekatiehsu/pen/xbGJjdb) |
|  10  |   Hugh  |[Codepen](https://codepen.io/Hugh-Chen/pen/zxGLjjx) |
|  11  |  Joseph_Kyuu  |[Codepen](https://codepen.io/zrzfastd-the-reactor/pen/azOjGQd) |
|  12 |  7Lun  |[Codepen](https://codepen.io/mfyvqhsn-the-bold/pen/dPojeQv) |
|  13  |  社子畢卡索(Lu)  |[Codepen](https://codepen.io/pen?template=JodBZpO)|
|  14  |  Mumu  |[Codepen](https://codepen.io/ztz_mu/pen/emNjjOE)|
|  15  |  Calvin  |[Codepen](https://codepen.io/CalvinChang/pen/JodBBGa) |
|  16  |  老屠  |[Codepen](https://codepen.io/fsgfxvlb-the-selector/pen/azOjjvG) |
|  17  |  Phyllida_17  |[Codepen](https://codepen.io/Phyllida-Yeh/pen/dPojqoY) |
|  18  |  PK  |[Codepen](https://codepen.io/Percy-Ku/pen/MYwBPgg) |
|  19  |  冠翔  |[Codepen](https://codepen.io/hsrfcdrx-the-bold/pen/gbpjBRQ) |
|  20  |  esther  |[Codepen](https://codepen.io/biunpujm-the-flexboxer/pen/vEOaVWa) |
|  21  |  西娜  |[Codepen](https://codepen.io/Sheena-the-encoder/pen/GgJBwJV) |
|  22  |  EricChung  |[Codepen](https://codepen.io/Chung-Eric/pen/OPVwajM) |
|  23  |  Emma  |[Codepen]([連結](https://codepen.io/suemma/pen/dPojQry)) | 
|  24  |  小懿  |[Codepen](https://codepen.io/YT-the-vuer/pen/myJjQYP) |
|  25  |  nora_zizi  |[Codepen](https://codepen.io/Nora-Ch/pen/qEdyLBW) |
|  26  |  Jenna |[Codepen](https://codepen.io/abiscc14/pen/JodBwEo?editors=1100) |
|  27  |  Fan  |[Codepen](https://codepen.io/btsihioy-the-reactor/pen/qEdygqj) |
|  28  |  JiaMori  |[Codepen](https://codepen.io/jiamori/pen/pvJZYvR?editors=1100) |
|  29  |  Klaus Chen  |[Codepen](https://codepen.io/Klaus-Chen/pen/OPVwqZX) |
|  30  |  ahga  |[Codepen](https://codepen.io/zmapzfdv-the-vuer/pen/VYLBNZL) |
|  31  |  柔術小子  |[Codepen](https://codepen.io/Li-Lee-Everything-is-PM/pen/qEdyLoZ) |
|  32  |  地瓜  |[Codepen](https://codepen.io/ChippyYU/pen/gbpjyOL) |
|  33  |  Chris Wang  |[Codepen](https://codepen.io/Wang-Chris/full/ByNPbXR) |
|  34  |  YUCCC  |[Codepen](https://codepen.io/taroooo/pen/gbpjyNe) |
|  35  |  Celia  |[Codepen](https://codepen.io/Cindy-Ho/pen/pvJZmoX) |
|  36  |  Star  |[Codepen](https://codepen.io/Hsin-Wu/pen/bNdjJLM) |
|  37  |  Tetsu  |[Codepen](https://codepen.io/ttgchang/pen/raVrgrj) |
|  38  |  cbs9007 |[Codepen](https://codepen.io/wasdjk/pen/pvJZmBb) |
|  39  |  Evelyn  |[Codepen](https://codepen.io/ewdyvnmp-the-typescripter/pen/QwbBRZb) |
|  40  |  LouisaFish  |[Codepen](https://codepen.io/Louisa-Fish/pen/ZYGjNVL?editors=1100) |
|  41  |  CBK  |[Codepen](https://codepen.io/BK-C-the-styleful/pen/zxGLgeG) |
|  42  |  Kiku  |[Codepen](https://codepen.io/Li-Kusa/pen/jEPpKaE) |
|  43  |  Wen |[Codepen](https://codepen.io/wenlol/pen/jEPvMNY) |
|  44  |  Hao |[Codepen](https://codepen.io/Howell/pen/ByNOZpy) |
|  45  | cks40660  |[Codepen]([連結](https://codepen.io/CKS40660/pen/yyNxXGp)) |
|  46  | Forma |[Codepen]([連結](https://codepen.io/2085-XD/pen/bNdxrKv)) |
|  47  |  zhe |[Codepen](https://codepen.io/dotheright/pen/ZYGMJNd) |
|  48  | Saika|[Codepen](https://codepen.io/saika4501/pen/WbvgZwP?editors=1100)|
|  49  |  Ken  |[Codepen](https://codepen.io/softpmdm-the-flexboxer/pen/qEdMxbq) | 
|  50  |  Zhi  |[Codepen](https://codepen.io/aneeiitk-the-typescripter/pen/yyNxvMB) |
|  51  |  TY  |[Codepen](https://codepen.io/Ted-Y/pen/yyNxKKo) |
|  52  |  Sylvie  |[Codepen](https://codepen.io/shuping-xiao/pen/wBaxLbd) |
|  53  |  Poppy  |[Codepen](https://codepen.io/Poppy-the-scripter/pen/ZYGMmvX) | 
|  54  |  RUDY  |[Codepen](https://codepen.io/Rudy-crw/pen/QwbVYGo) |
|  55  |  Doreen翠翠翠  |[Codepen](https://codepen.io/cuei-sian-Wang/pen/yyNxrwZ)|
|  56  |  Leonard  |[Codepen](https://codepen.io/hyyfjqra-the-sans/pen/dPogyye)|
|  57  |  随縁  |[Codepen](https://codepen.io/anki0072011/pen/jEPeOMW?editors=1100)|
|  58  |  Space key  |[Codepen](https://codepen.io/uuajlwse-the-selector/pen/myJzdya) | -->
|  59  |  NellyGuo  |[Codepen](https://codepen.io/iizqdzgh-the-scripter/pen/yyNRNjL) | 
|  60  |  Huang Eagle  |[Codepen](https://codepen.io/YuCi/pen/dPogVop)
|  61  |  Sam.S.T.Y     |[Codepen](https://codepen.io/Sam-Yang-the-animator/pen/PwqyEgK) |
|  62  |  Yanchen16  |[Codepen](https://codepen.io/keyrtlij-the-reactor/pen/GgJYQeB)
|  63  |  Hana Chou  |[Codepen](https://codepen.io/CHOU-HANA/pen/XJbxPoG)|
|  64  |  PAgaNiNi  |[Codepen](https://codepen.io/PA-OTTER/pen/vEOVwJZ)|
|  65  |  kashiwatei  |[Codepen](https://codepen.io/kashiwatei/pen/LEVXVYV) |
|  66  |  Satar  |[Codepen](https://codepen.io/SatarKuo/pen/xbGQGGx) |
|  67  |  Min  |[Codepen](https://codepen.io/cvqevoxk-the-decoder/pen/vEOQyod) |
|  68  |  立花  |[Codepen](https://codepen.io/kj25940858/pen/pvJQaZB) |
|  69  |  Peggy  |[Codepen](https://codepen.io/Peggy_C/pen/myJQzeO) |
|  61  |  Elvina  |[Codepen](https://codepen.io/Elvina-the-selector/pen/azOPoXd?editors=1100) |
|  62  |  poya  |[Codepen](https://codepen.io/Girl-Lee/pen/WbvLpVE) |
|  63  |  Geno Chen  |[Codepen](https://codepen.io/kai-chen-the-sans/pen/wBaRrdr) |
|  64  |  kate_bearchou |[Codepen](https://codepen.io/ydzfqmuh-the-selector/pen/gbpZBMw) |
|  65  |  孟 |[Codepen](https://codepen.io/Mengru0503/pen/WbvLYNa) |
|  66  |  Yan*  |[Codepen](https://codepen.io/Yan-L/pen/KwpbOwV) |
|  67  |  主委加碼啦幹  |[Codepen](https://codepen.io/popbob-the-bashful/pen/zxGeGrM) |
|  68  |  Michelle  |[Codepen](https://codepen.io/bastar_dize/pen/RNPvMxx?editors=1100) |
|  69  |  An  |[Codepen](https://codepen.io/bzrpsbjq-the-encoder/pen/qEdgYNp) |
|  70  |  tanuki_狸貓  |[Codepen](https://codepen.io/tanuki320/pen/wBaOKom) | -->
|  71  |  Scrooge  |[Codepen](https://codepen.io/yrkmdwch-the-encoder/pen/LEVaGpz) |
|  72  |  Chia__  |[Codepen](https://codepen.io/Chia-the-encoder/pen/myJoyaY) |
|  73  | Fang  |[Codepen](https://codepen.io/Fang-the-encoder/pen/MYwxpmy?editors=1100) |
|  74  |  牛奶嘎  |[Codepen](https://codepen.io/Joyce-Niu/pen/pvJYPNr)|
|  75  |  加菲  |[Codepen](https://codepen.io/DOU-CF/pen/raVRzzj)|
|  76  |  Alyssa  |[Codepen](https://codepen.io/AlyssaYen/pen/RNPdxOd)|
|  77  |  teresa  |[Codepen](https://codepen.io/teresa150029/pen/pvJYQdq)|
|  78  |  vivian  |[Codepen](https://codepen.io/vivian100/pen/ogXVOKP)|
|  79  |  Leohasfriends  |[Codepen](https://codepen.io/leohasfriends/pen/xbGBNMB)|
|  80  |  NGNLzenos  |[Codepen](https://codepen.io/xmijbzdb-the-animator/pen/MYwRWMN)|
|  81  |  Zong  |[Codepen](https://codepen.io/BAY71/pen/WbvWRVY) |
|  82  |  中年危機  |[Codepen](https://codepen.io/Weiwei2025/pen/ByNEWyP) |
|  83  |  李大維  |[Codepen](https://codepen.io/xxhdklwi-the-decoder/pen/OPVGpma)|
|  84  |  Atian  |[Codepen](https://codepen.io/A-Tian-Chen/pen/QwbPpmL)|
|  85  |  Rogan  |[Codepen](https://codepen.io/RoganHsu/pen/emNovxg)|
|  86  |  Eva  |[Codepen](https://codepen.io/cnbhiapb-the-scripter/pen/dPoLvjm)|
|  87  |  SilviaLin  |[Codepen](https://codepen.io/Silvia-Lin/pen/JodVNqV)
|  88  |  World  |[Codepen](https://codepen.io/HexschoolVuePujols/pen/qEdwpjm)
|  89  |  ja4071  |[Codepen](https://codepen.io/SHAO-L/pen/yyNrqBv)
|  90  |  Stanley  |[Codepen](https://codepen.io/Stanley-Chang-the-flexboxer/pen/azOxeVB) |
|  91  | york08283 |[Codepen](https://codepen.io/York-Chou/pen/RNPmgQR) |
|  92  |  Hsun  |[Codepen](https://codepen.io/tsxdpjfh-the-animator/pen/LEVojpZ?editors=1100) | 
|  93  |  俐涵  |[Codepen](https://codepen.io/WLH1999/pen/bNdJRBo) | 
|  94  |  Antonio  |[Codepen](https://codepen.io/gwhvusel-the-builder/pen/vEOwdMq) | 
   95  |  QoQ  |[Codepen](https://codepen.io/fabusolq-the-styleful/pen/bNdyzJp) | 
|  96  |  Bry  |[Codepen](https://codepen.io/weichengliao220/pen/zxGVVNj) |
|  97  |  平平  |[Codepen](https://codepen.io/ypinpin/pen/KwpOpvK) |
|  98  |  Mini  |[Codepen](https://codepen.io/miiinii32-Cheng/pen/ByoBLQp) |
|  99  |  伊迪  |[Codepen](https://codepen.io/eku10rei/pen/gbaYLNZ) |
|  100  |  Bee  |[Codepen](https://codepen.io/Bee-Lu/pen/raOBREJ) |
| 101 | Ching | [Codepen](https://codepen.io/huangching/pen/VYvZJMG) |
| 102 | B | [Codepen](https://codepen.io/Babel777/pen/ZYbEZKv) |
| 103 | Sam | [Codepen](https://codepen.io/lee-wei-hong/pen/MYaYvPQ) |
| 104 | Fancy | [Codepen](https://codepen.io/Fancy-the-lessful/pen/jEbEjEX) 
| 105 | 雅潔 | [Codepen](https://codepen.io/MOMOYA/pen/KwdppVZ) 
| 106 | cindy | [Codepen](https://codepen.io/a50134/pen/empNJeE)
| 107 | Lika | [Codepen](https://codepen.io/wlyvctff-the-solid/pen/ogjXEqg)|
| 108 | water | [Codepen](https://codepen.io/wateruby/pen/RNWPMmJ)|
| 109 | Hsin | [Codepen](https://codepen.io/Anny-Chang/pen/ogjjWXm) |
| 110 | Lucy | [Codepen](https://codepen.io/dvnuqsdl-the-encoder/pen/xbwwdQN) |
| 111 | Richard | [Codepen](https://codepen.io/dick90012000/pen/ByojYEQ) |
| 112 | Ric | [Codepen](https://codepen.io/dick90012000/pen/ByojYEQ) |
| 113 | 阿鍋 | [Codepen](https://codepen.io/YING-TING-KUO/pen/vENKOzb)
| 114 | KOMATSU PEI | [Codepen](https://codepen.io/Komatsu2021/pen/azvZQrx)
| 115 | Va| [Codepen](https://codepen.io/lichenValin/pen/JoYRMQK)
| 116 | 大頭祐祐 |[Codepen](https://codepen.io/Big_Head_YK/pen/azvmqYW) | 
| 117 | Midy Wu |[Codepen](https://codepen.io/work-wu/pen/pvjNLwE) |
| 118 | maerc |[Codepen](https://codepen.io/Lu-Liangyu/pen/EaVZWKp) |
| 119 | Tou |[Codepen](https://codepen.io/Datou-Huang/pen/OPyWGyP?editors=1100) |
| 120 | Wafa |[Codepen](https://codepen.io/dqricwgo-the-reactor/pen/pvjgbwx) |
| 121 | ryan_lan |[Codepen](https://codepen.io/Ryan-Lan/pen/ogjovbE) |
| 122 | mark |[Codepen](https://codepen.io/markbi/pen/pvjPbPX) |
| 123 | 4ping |[Codepen](https://codepen.io/928Libra/pen/VYvxLqb) |
| 124 | 星雪糖 |[Codepen](https://codepen.io/vfpofbgm-the-scripter/pen/WbQLzdo) |
| 125 | Yin |[Codepen](https://codepen.io/wxnnzjvr-the-animator/pen/XJKVXJL)|