Question

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

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

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 snippet

Answer 2

现在Semantic 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>

固定语义ui中的宽度内容

2 个答案: