📜  如何使 tge flex 在您的无序列表行中 - 无论代码示例

📅  最后修改于: 2022-03-11 14:57:00.309000             🧑  作者: Mango

代码示例1
.example {
  width: 50%;
  border: 1px solid #000;
  margin: 1em 0;

  ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
  }

  li {
    list-style: none;
    display: inline-block;
    width: calc(100% / 3);
    height: 120px;
    text-align: center;
  }
}