将buefy <b-dropdown>元素设置为全宽

罗布卡

如何更改项目以填充100%的宽度?

找不到为此的任何选项,并且我无法将CSS规则应用于.dropdown-trigger元素。

皮匠

笔示例:https : //codepen.io/Qumez/pen/RwPWeRV

b-dropdown组件似乎是div.dropdown -> div[role="button"] -> button通过给div和它的孩子DIV和孙子按钮全部100%的宽度所以,我能得到的组件扩展到整个宽度。

<div class="dropdown-box">
  <b-dropdown aria-role="list">
    <button class="button is-primary" slot="trigger">
      <span>Click me!</span>
      <b-icon icon="menu-down"></b-icon>
    </button>

     <!-- b-dropdown-items -->
  </b-dropdown>
</div>
.dropdown-box {
    border: 2px solid red;
    div, button {
        width: 100%;
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将本机按钮设置为全宽

来自分类Dev

将页面内容文本设置为全宽?

来自分类Dev

将所有元素设置为集合中最宽的宽度

来自分类Dev

可以将<li>背景设置为全宽+居中垂直高度吗?

来自分类Dev

将容器设置为全宽,并且无法在移动设备上水平滚动

来自分类Dev

将 UL 设置为移动设备上的下拉菜单和桌面设备上的全宽

来自分类Dev

将表格中的所有选择元素设置为与其列中最宽的元素相同的宽度

来自分类Dev

将表格中的所有选择元素设置为与其列中最宽的元素相同的宽度

来自分类Dev

将元素打印为列表 [ a, b, c]

来自分类Dev

将div拉伸到固定宽度元素内的全宽

来自分类Dev

将宽度设置为最宽的元素,同时仍然具有浮点数

来自分类Dev

仅使用CSS将行扩展为全宽

来自分类Dev

使用AngularJS将数组值设置为Dropdown

来自分类Dev

PowerApps将DropDown的DataCardValue设置为TextBox值

来自分类Dev

使用Angularjs将数组值设置为Dropdown

来自分类Dev

当页面加载MVC时,将Dropdown值设置为null

来自分类Dev

为什么将“ a +++ b”解释为“(a ++)+ b”而不是“ a +(++ b)”?

来自分类Dev

将Virtualbox设置为宽屏

来自分类Dev

如何在Buefy中添加b表列?

来自分类Dev

awk如何将参数$ 2设置为$ b?

来自分类Dev

如何使用jQuery将div从a,a,b,b重新排序为a,b,a,b?

来自分类Dev

如何使用jQuery将div从a,a,b,b重新排序为a,b,a,b?

来自分类Dev

如何仅从Nuxt中的buefy导入Navbar,Dropdown和Modal?

来自分类Dev

获取 BootstrapVue Dropdown (b-dropdown) 以在单击按钮时显示

来自分类Dev

如何将 Spinner 菜单设置为 DropDown instaed 对话框样式?

来自分类Dev

将偶数改写为2 ^ a * b

来自分类Dev

Three.js将平面尺寸设置为全视图

来自分类Dev

如何将window.innerHeight设置为全尺寸?

来自分类Dev

将主体高度设置为全窗口高度

Related 相关文章

  1. 1

    如何将本机按钮设置为全宽

  2. 2

    将页面内容文本设置为全宽?

  3. 3

    将所有元素设置为集合中最宽的宽度

  4. 4

    可以将<li>背景设置为全宽+居中垂直高度吗?

  5. 5

    将容器设置为全宽,并且无法在移动设备上水平滚动

  6. 6

    将 UL 设置为移动设备上的下拉菜单和桌面设备上的全宽

  7. 7

    将表格中的所有选择元素设置为与其列中最宽的元素相同的宽度

  8. 8

    将表格中的所有选择元素设置为与其列中最宽的元素相同的宽度

  9. 9

    将元素打印为列表 [ a, b, c]

  10. 10

    将div拉伸到固定宽度元素内的全宽

  11. 11

    将宽度设置为最宽的元素,同时仍然具有浮点数

  12. 12

    仅使用CSS将行扩展为全宽

  13. 13

    使用AngularJS将数组值设置为Dropdown

  14. 14

    PowerApps将DropDown的DataCardValue设置为TextBox值

  15. 15

    使用Angularjs将数组值设置为Dropdown

  16. 16

    当页面加载MVC时,将Dropdown值设置为null

  17. 17

    为什么将“ a +++ b”解释为“(a ++)+ b”而不是“ a +(++ b)”?

  18. 18

    将Virtualbox设置为宽屏

  19. 19

    如何在Buefy中添加b表列?

  20. 20

    awk如何将参数$ 2设置为$ b?

  21. 21

    如何使用jQuery将div从a,a,b,b重新排序为a,b,a,b?

  22. 22

    如何使用jQuery将div从a,a,b,b重新排序为a,b,a,b?

  23. 23

    如何仅从Nuxt中的buefy导入Navbar,Dropdown和Modal?

  24. 24

    获取 BootstrapVue Dropdown (b-dropdown) 以在单击按钮时显示

  25. 25

    如何将 Spinner 菜单设置为 DropDown instaed 对话框样式?

  26. 26

    将偶数改写为2 ^ a * b

  27. 27

    Three.js将平面尺寸设置为全视图

  28. 28

    如何将window.innerHeight设置为全尺寸?

  29. 29

    将主体高度设置为全窗口高度

热门标签

归档