semantic UI按钮 容器分隔条概要总结

1 按钮

一个按钮只能有一个图标。
图标大小，颜色可记性设置
开关按钮
详细描述，请参考：https://onebugman.cn/semantic-ui/elements/button.php

2 容器

容器是一个元素，根据用户屏幕的大小将页面元素包含到合理的最大宽度。容器与 grid 或者 menu 一起使用，能将其宽度限制为合理尺寸，保证页面的美观。

2.1标准容器

<div class="ui container">
  <p></p>
</div>

2.2文本容器

降低其最大宽度更自然地容纳一列文本。
文本容器是使用一个单独的网格列，其设计具有合理的最大宽度，用于显示流文本。

<div class="ui text container">
</div>

//文本对齐
<div class="ui left aligned container">
  <p></p>
</div>
<div class="ui center aligned container">
  <p></p>
</div>
<div class="ui right aligned container">
  <p></p>
</div>
<div class="ui justified container">
  <p></p>
</div>

容器详解：https://onebugman.cn/semantic-ui/elements/container.php

2.3流式容器

一个流式的容器没有最大宽度的限制。
流体容器对于设置文本对齐，或其他样式很有用。

<div class="ui fluid container">
  Fluid
</div>

容器详解：https://onebugman.cn/semantic-ui/elements/container.php

3 分隔条Divider

标准分隔条。在网格之间增加分割条， 你可以使用 divided grid。

<div class="ui divider"></div>
<div class="ui clearing divider"></div>

垂直分隔条 (Vertical Divider)：分隔条可以分割垂直内容。
水平分割(Horizontal Divider)：分隔线可以水平地分割内容。
反色 (Inverted)：分割线可以把他的颜色反过来。
填满 (Fitted)：分隔条可以满满的占据，没有上下空间。
隐藏 (Hidden)：可以通过隐藏的分隔线来分隔内容。
段落 (Section)：分割线可以用来更好的分割段落间距。
擦除 (Clearing)：分割线可以清除它上方的内容。
分隔条详解：https://onebugman.cn/semantic-ui/elements/divider.php