我无法摆脱的图像左侧有一个看不见的空白。我已经尝试了很多事情,甚至下面的代码。我希望图像能够覆盖整个屏幕,周围没有任何空白。
html, style, body{
margin:0;
padding: 0;
}
而且,如果有人可以帮助,还是没有结果。这将非常有帮助。
<html>
<head>
<style>
<link href="https://fonts.googleapis.com/css?family=Concert+One|Oswald&display=swap" rel="stylesheet">
.container {
position: relative;
text-align: center;
}
/* TEXT SETTINGS*/
.text {
position: absolute ;
top: 15%;
left: 40%;
transform: translate(-30%, -50%);
color: white;
font-size: 100px;
text-size-adjust: auto;
font-family: 'Oswald', sans-serif;
}
.text2 {
position: absolute ;
top: 40%;
left: 10%;
transform: translate(0%, -50%);
color: black;
font-size:90px;
text-size-adjust: auto;
font-family: 'Concert One', cursive;
}
.text3 {
position: absolute ;
top: 70%;
left: 10%;
transform: translate(5%, -50%);
color: white;
font-size: 80px;
text-size-adjust: auto;
font-family: 'Concert One', cursive;
}
html, style, body{
margin:0;
padding: 0;
}
</style>
</head>
<body>
<div class="container" >
<img src="https://images.unsplash.com/photo-1495741738915-f877fcd5f5f7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80;" alt="Rocky Mountains"margin="0" padding="0" width="1360px" height="800px">
<div class="text" >TEXT</div>
<div class="text2" ><strong>TEXT</strong></div>
<div class="text3" >TEXT</div>
</div>
</body>
</html>
答案 0 :(得分:0)
尝试使用此代码:
if(context instanceof Activity)
{
Window window = ((Activity)context).getWindow();
}
答案 1 :(得分:0)
首先,我建议不要使用内联CSS。但是,如果您不希望白边将其添加到CSS中。
<ListItem button onClick={this.handleListItemClick}>
- <Checkbox onChange={this.handleCheckboxChange} />
+ <Checkbox onClick={this.handleCheckboxChange} />
</ListItem>
这会拉伸背景,并且不会重复显示图像。仅当您不在图像中使用嵌入式CSS时,否则此方法才有效;否则在CSS中使用img {
background-repeat: no-repeat;
background-size: auto;
}