固定语义ui中的宽度内容

时间:2013-12-03 15:35:05

标签: semantic-ui

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

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

2 个答案:

答案 0 :(得分:7)

如果我理解正确,我认为使用语义UI网格是不可能的。但是使用min-width和min-height可能对你有所帮助。

<强> CSS

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

看看这个jsfiddle snippet

答案 1 :(得分:1)

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