html - 删除图像周围的空白 - CSS

Question

我正在尝试从 odoo 数据库中获取图像以将图像显示到 div 背景中，但我的图像周围有空白，因此我需要删除此空白以应用 div 背景图像，

我的代码:

<div  t-attf-style="text-align:center;background:url('/web/image/event.event.ticket/#{doc.event_ticket_id.id}/image_medium') no-repeat; 
               font-size:#{doc.event_ticket_id.font_size}px;width:50%;height:900px;float:left;background-size:500px 900px;display:table;">
                  <span style="vertical-align:middle;text-align:center;display:table-cell;" t-esc="doc.name"></span>

                </div>

如何使用 CSS 去除图像周围的空白区域？

Answer 1

也许试试这些代码之一:

img{vertical-align:bottom}

或

img { vertical-align: top; }

或

html, body {
  margin: 0; 
  padding: 0;
}

希望对您有所帮助。