<div class="ui stackable grid"> 如何设置里面两个div 3 9分
时间: 2023-12-10 09:37:56 浏览: 103
关于jQuery-Ui的引用文件
可以使用 Semantic UI 的栅格系统来实现。栅格系统是一种用于创建响应式布局的技术,它将页面分成若干列,并允许您指定每个列的宽度。
以下是一个示例代码,可以实现将两个 div 分别设置为 3 和 9 的布局:
```html
<div class="ui stackable grid">
<div class="three wide column">
<!-- 这里放置左侧的 div 内容 -->
</div>
<div class="nine wide column">
<!-- 这里放置右侧的 div 内容 -->
</div>
</div>
```
在上面的代码中,`.ui.stackable.grid` 表示使用栅格系统来布局,`.three.wide.column` 和 `.nine.wide.column` 分别表示左侧 div 和右侧 div 的宽度。
您可以根据需要更改这些类的名称和宽度,以适应您的布局需求。
阅读全文