图像左侧有多余的空白。有什么帮助

时间:2019-05-28 06:48:24

标签: html

我无法摆脱的图像左侧有一个看不见的空白。我已经尝试了很多事情,甚至下面的代码。我希望图像能够覆盖整个屏幕,周围没有任何空白。

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>

2 个答案:

答案 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; }