删除图像周围的空白 - CSS

我想从odoo数据库中获取图像以将图像显示为div背景，但我的图像周围有空白区域，所以我需要删除此空白区域以应用div背景图像，删除图像周围的空白 - CSS

mycode的：

<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去除图像周围的空白？

来源

2017-06-19 US-1234

你能提供也许一些代码，我们可以在这里跑？有一个链接到您的图像等 –

你需要的是'background-size：cover;'，去检查[你的选项]（https://developer.mozilla.org/en/docs/Web/CSS/background-size？ v =对照）。 – skobaljic

@skobaljic @skobaljic我已经尝试过，但它不工作， –

也许尝试这些代码的之一：

img{vertical-align:bottom}

或

img { vertical-align: top; }

或

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

希望它帮助。

来源

2017-06-19 08:53:06

你可以尝试这样的事情

.main{ 
 
text-align:center; 
 
background:url('https://i.stack.imgur.com/hQPzy.png') no-repeat; 
 
font-size:12px; 
 
width:50%; 
 
height:900px; 
 
float:left; 
 
background-size:500px 900px; 
 
display:table; 
 
background-position:-50px -35px; 
 
}

<div class="main"> 
 
    <span style="vertical-align:middle;text-align:center;display:table-cell;"> Content</span> 
 

 
       </div>

但你必须知道的图像的白色空间的大小。那么你可以（ - ）该位置。

来源

2017-06-19 09:46:28

我尝试了一些东西。请检查它是否适用于您。在这里我试图设置背景位置和背景大小。休息一切可以像div的宽度和高度。

.back{ 
 
    background: url('https://i.stack.imgur.com/hQPzy.png'); 
 
    height: 200px; 
 
    width: 200px; 
 
    background-size: 130% 150%; 
 
    border: 1px solid black; 
 
    background-position: 42% 15%; 
 
}

<div class="back"></div>

来源

2017-06-19 11:46:09 xxCodexx

删除图像周围的空白 - CSS

回答

相关问题