Question

我知道这是一个很受欢迎的问题。我尝试了一切但仍然无法完成这项工作。这是我的HTML和CSS。

＆＃13;

.unodered-item {
  float: left;
  overflow: hidden;
}
.item {
  height: 140px;
  width: 220px;
  margin-left: 10px;
  background: pink;
  //background-image: url("../resourses/tutorial-thumbnails/thumbnail.png");
  -webkit-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

a.item-link {
  height: 140px;
  width: 220px;
}

＆＃13;

<div class="recommended-list-items">
    <ul class="unodered unodered-recommended">
      <li class="unodered-item">
        <div class="item item'+ x +'">
          <a class="item-link" href="tutorial-player.jsp"></a>
        </div>
      </li>
    </ul>
</div>

＆＃13;

帮助!!!

Answer 1

它没有隐藏。它只是空的。将display: block添加到您的a.item-link。

a.item-link {
    height: 140px;
    width: 220px;
    display: block;
}

Answer 2

添加display：block或float：left to .item-link

a.item-link {
    height: 140px;
    width: 220px;
    display: block;
}

或

a.item-link {
    height: 140px;
    width: 220px;
    float: left;
}

Answer 3

获取div块之外的标签。这是你想要的吗？

<div class="recommended-list-items">
        <ul class="unodered unodered-recommended">
          <li class="unodered-item"><a class="item-link" href="tutorial-player.jsp"><div class="item item'+ x +'"></div></a></li>
        </ul>
</div>

Float left删除超链接

3 个答案: