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

v9tzhpje  于 2023-11-15  发布在  其他
关注(0)|答案(1)|浏览(119)

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

  1. .topnav a {
  2. float: left;
  3. display: block;
  4. color: #253237;
  5. text-align: center;
  6. padding: 20px 25px;
  7. text-decoration: none;
  8. margin-right: 0%;
  9. margin-top: 20px;
  10. }
  11. .topnav a img {
  12. float: left;
  13. margin-left: 5%;
  14. margin-right: 55%;
  15. height: 50px;
  16. width: 125px;
  17. }

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

ldfqzlk8

ldfqzlk81#

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

  1. .topnav {
  2. display: flex;
  3. flex-wrap: inherit;
  4. align-items: center;
  5. justify-content: space-between;
  6. }
  7. .logo-image {
  8. float: left !important;
  9. height: 40px;
  10. }
  11. .navbar-menu-item {
  12. place-content: end;
  13. display: flex;
  14. gap: 10px;
  15. }

个字符

展开查看全部

相关问题