圖片邊距消除的方法
阿新 • • 發佈：2019-01-30
消除圖片邊距的方法：
1、圖片橫排產生邊距消除方法：給圖片設定浮動 floa；
2、圖片豎排產生邊距消除方法：給圖片設定vertical-align;
程式碼如下：（內含註釋，圖片可自由更換）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } body{ color: #fff; background: #000; } img{ float: left; /*margin: 10px;*/ /*display: block;*/ /*vertical-align: top;*/ /*vertical-align: middle;*/} </style> <body> <div> <img src="img/0770220136.jpg" alt="" /><!--哎呦喂，你咋能醬紫--> <img src="img/0940261.jpg" alt="" /><!--我相信我能行--> <img src="img/20070120133230930.jpg" alt="" /><!--我又想你了，你人在哪端--> <img src="img/2008522194553443_2.jpg" alt="" /> </div> </body> </html>