html 如何在1 div中断开不同的超链接？

v9tzhpje 于 2023-11-15 发布在其他

关注(0)|答案(1)|浏览(112)

我做了一个网站，我有一个超链接的图像，应该在左边的导航栏和4超链接按钮的另一边的酒吧，但他们呆在一起，但我找不到如何确保他们不遵循相同的风格，以确保超链接（图片）和其他超链接（按钮）的另一边。

.topnav a {
  float: left;
  display: block;
  color: #253237;
  text-align: center;
  padding: 20px 25px;
  text-decoration: none;
  margin-right: 0%;
  margin-top: 20px;
}

.topnav a img {
  float: left;
  margin-left: 5%;
  margin-right: 55%;
  height: 50px;
  width: 125px;
}

个字符
也许为了更清晰，我想让图片向左浮动，其他4个超链接向右浮动，但我不知道如何在其他类中得到它们，所以我的CSS不认为这是一样的。
我已经尝试过在超链接图片中添加一个类，并在其周围创建一个div
(for记录，我是一个开始爱好程序员）

Html

来源：https://stackoverflow.com/questions/77432602/how-to-disconnect-different-hyperlinks-in-1-div

1条答案

按热度按时间

ldfqzlk81#

以这段代码为例，我改变了一些东西。通过运行这段代码来检查结果。

.topnav {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

.logo-image {

    float: left !important;
    height: 40px;
}

.navbar-menu-item {
    place-content: end;
    display: flex;
    gap: 10px;
}

个字符

赞(0）回复(0）举报 2023-11-15

我来回答

html 如何在1 div中断开不同的超链接？

1条答案

相关问题

热门标签

最新问答