小编gui*_*mek的帖子

我对语义 UI 中的 Segments 有问题。我有一个动态元素列表，我在其中放置了一个段类，并在其中显示了一些数据和一些图标。我的问题是我无法将图标推到标题后的右侧。（他们是跨度保持在同一行）

    .ui.segments.piled
      if currentUser
        .ui.segment
            form.new-list.ui.transparent.icon.input.fluid
                i.icon.edit
                input(type="text" name="text" placeholder="Add List")
      each lists
        .ui.segment.listitem.list-selected
          span.text #{text}
          if isOwner
            span#editlist
                i.fa.fa-edit
            span
                i.icon.delete.ui.red
            span.toggle-list-private
                if private
                    i.fa.fa-lock.private-lock
                else
                    i.fa.fa-unlock.public-lock
        .ui.teal.label
            span {{incompleteCount this._id}}

我尝试了 .floated.right 和 .aligned.right 但没有任何效果......我想推动所有图标并将其粘贴到右侧。

谢谢您的帮助

我有一个固定的背景和一个绝对位置的 div；我想把它放在top: 5px and left: 5px，当我没有旋转文本时它正在工作，但我想让我的文本垂直，所以我旋转了 90°。我想粘贴它，left: 5px and top 5px但是当我应用旋转时，文本被剪切到页面上方，甚至左侧部分也放错了位置..

这是一些css 代码（我正在使用 glamor 但它应该与普通 css 一样工作）

const background = css({
  background: 'url(/static/profile.jpg) no-repeat left top fixed',
  backgroundSize: 'auto 100%',
  backgroundColor: '#040404',
  position: 'fixed',
  width: '100%',
  height: '100vh',
  top: '0',
  left: '0',
  zIndex: '0',
})

const socialBloc = css({
  color: '#fff',
  position: 'absolute',
  top: '5px',
  left: '5px',
  zIndex: '999',
  '-webkit-transform': 'rotate(270deg)',
  '-moz-transform': 'rotate(270deg)',
  '-ms-transform': 'rotate(270deg)',
  '-o-transform': 'rotate(270deg)',
  transform: 'rotate(270deg)',
})

和Html：

<PageLayout …