Question

我正在尝试使用用户图像创建下拉菜单。但是，要么图像在我使用时放错了位置（第一种情况），要么在正确的位置使用了（但未按我的意愿四舍五入）（第二种情况）。

我开始使用图像组件，正如bulma文档中所述。我正在上一些课，我删除了的外部类。没有我无法使图像变得圆润

第一种情况：

第二种情况：

<div class="navbar-link">
<img src="image">
</div>

我希望此下拉菜单类似于第二种情况，但图像具有圆形

Answer 1

也许是这样吗？

<div class="navbar-item has-dropdown is-hoverable">
    <a class="navbar-link">
        <img
           src="https://www.stickpng.com/assets/images/58e91a21eb97430e81906500.png" 
           style= "border-radius: 9001px;"
           alt="Placeholder image"
        >
    </a>
    <div class="navbar-dropdown">
        <a class="navbar-item">
         Jobs
        </a>
    </div>
</div>

https://codepen.io/bluebrown/pen/OJJggMM?editors=1000

bulma中的图片下拉菜单出现问题

1 个答案: