semantic-ui - 语义 ui 中的固定宽度内容

Question

是否有在 Semantic-UI 中创建固定宽度内容的“正确”方法？

我在页面上有一个画布元素，它必须保持特定的大小，但是当使用他们的网格系统时，无论我尝试什么设置，它似乎总是会缩放。

Answer 1

如果我理解正确，我认为语义 UI 网格不可能做到这一点。但是使用 min-width 和 min-height 可能会对您有所帮助。

CSS

.fixed-width {
    width: 300px;
    height:300px;
    min-width: 300px;
    min-height:200px;
    border:1px solid #000000;
}

看看这个jsfiddle 片段

Answer 2

现在语义 UI 支持类似于 ui 网格的 16 列网格。你可以这样设置长度

<table class="ui table">
  <thead>
    <tr>
      <th class="ten wide">Name</th>
      <th class="six wide">Status</th>
  </tr></thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>Approved</td>
    </tr>
    <tr>
      <td>Jamie</td>
      <td>Approved</td>
    </tr>
  </tbody>
</table>