Question

房间1旁边的箭头图标是一个范围。此箭头图标的代码是

<span class="showActionMenu"></span>

这个范围在“li”标签下。问题是你可以看到的文字“1-02-Sudhansu PromptPackage”这次不是太大。所以除了它之外的箭头图标在正确的位置。但是如果我增加了文本大小然后箭头图标向下移动，因为我正在使用的“跨度”就在代码中的这个文本之后。我希望这个箭头图标应该始终位于那个位置意味着最右边的无论文本有多长，箭头图标都不应该与文字大小相关。任何帮助都会非常感激

Answer 1

您可以使用position将范围放在其父级的右侧：

li {
  width: 180px;
  position: relative;
  padding-right: 20px;
}

span.showActionMenu {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: red;
}

<li>This is my text <span class="showActionMenu"></span></li>

如何在li下为span设置位置

1 个答案: