【问题标题】:How to align button right using Semantic UI如何使用语义 UI 右对齐按钮
【发布时间】:2016-10-24 07:10:33
【问题描述】:

我需要带有文本的分段(在 <p> 内),以及右侧下一行的按钮

我尝试下一个标记,但它似乎无法正常工作(按钮溢出段边框):

<div class="ui container">
    <div class=" ui segment">
        <p> Some Text.</p>
        <button class="ui right floated primary button"> Some Action</button>
    </div>
</div>

怎么做,用semantic-ui框架?

【问题讨论】:

  • 您是否尝试过将&lt;p&gt; 定义为ui left floated

标签: css alignment semantic-ui right-align


【解决方案1】:

我找到了答案:

除了在按钮上使用right floated之外,还将段类从ui segment更改为ui clearing segment

【讨论】:

  • 'ui clearing segment' 只会改变片段的透明度,它不会使片段右对齐,如原始问题中所示。但“ui 右浮动主按钮”有效。
  • @SaeedD。将此类添加到段,而不是按钮
猜你喜欢
  • 2021-05-10
  • 1970-01-01
  • 2019-10-05
  • 2017-06-13
  • 1970-01-01
  • 2015-05-15
  • 2017-01-05
  • 1970-01-01
相关资源
最近更新 更多