css - 如何在语义 UI 中将标签与标题的右侧对齐

标签 css semantic-ui

我想要一个菜单​​标题项,在标题右侧的标签中带有计数器。 目前我有

| Projects [label]      | 

代替

| Projects       [label]|

这是我的代码:

<div className="header">
   Projects
   <div className="ui label floated left pointing" id="projectsMenuCounter"><div className="ui active mini inline loader inverted"></div></div>
</div>

最佳答案

试试这个

<div className="header">
   Projects
   <div  style="float:right;" className="ui label floated left pointing" id="projectsMenuCounter"><div className="ui active mini inline loader inverted">[label]</div></div>
</div>

或者

.floated {
  float:right;
}

关于css - 如何在语义 UI 中将标签与标题的右侧对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35222850/

相关文章:

php - Jquery 查找 div 是否到达滚动底部

php - jquery更新div背景元素

javascript - Reactjs,具有不同背景颜色的表格单元格

javascript - 模态框未按预期关闭

html - CSS 规则特异性

javascript - flex 表格宽度固定列和标题

forms - 如何在semantic-ui-react中禁用表单自动完成?

javascript - 语义 UI 将普通侧边栏最小化为图标侧边栏

html - 无法让这些元素在 Microsoft Outlook 中完美对齐且高度相同

css - 语义 UI 侧边栏高度大于视口(viewport)大小