代码之家  ›  专栏  ›  技术社区  ›  Not a real meerkat

是否允许<button>具有display:grid?[副本]

  •  13
  • Not a real meerkat  · 技术社区  · 6 年前

    或者,更一般地说,是否有任何元素不能用 display:grid

    考虑:

    button,
    div {
      display: grid;
      grid-template-columns: 50px 50px;
    }
    
    
    /* Nevermind these, they're just for a consistent display */
    
    button,
    div {
      border: 0;
      background-color: gray;
      color: black;
      width: 100px;
      text-align: center;
      font-family: sans-serif;
      font-size: 14px;
      padding: 0;
    }
    Button:
    <button>
      <span>A</span>
      <span>B</span>
    </button>
    <br> 
    Div:
    <div>
      <span>A</span>
      <span>B</span>
    </div>

    Try it on JsFiddle

    这是 (61.0.1):

    Both look the same

    (68.0.3440.106):

    Something is wrong with the button

    Chrome似乎不喜欢我试图使用的 显示:网格

    1 回复  |  直到 6 年前
        1
  •  20
  •   Mosh Feu Alex Chen    6 年前

    很明显这是Chrome上的一个错误,具体如下:

    https://github.com/rachelandrew/gridbugs#10-some-html-elements-cant-be-grid-containers

    https://bugs.chromium.org/p/chromium/issues/detail?id=375693

    (我看没有进展。如果问题解决了,请编辑答案,否则我会记住的)