无法对齐 UI 工具提示中的部分文本？

Question

我有一个 Jquery UI 工具提示，其中包含多行数据。每行都有 2 条独立的信息，我想分别对齐它们以很好地格式化。左边的名字我想左对齐，而名字关联的数据我想右对齐。

我试过各种对齐方式，都没有成功。

我读到我可以使用 ui-tooltip-content css class https://api.jqueryui.com/tooltip/#option-classes

操纵内容，如果我操纵整个内容本身，它会成功；但是我正在尝试在内容中操作 span 标签。

通过

  .ui-tooltip-content .right
  {

      color:blue;
  }

我成功地只能将那个文本更改为蓝色；但是如果我尝试

 text-align: end;
  text-align-last: end;
  align-content: flex-end;
  align-items: flex-end;
  align-self: flex-end;

（我试过了"right,""flex-end, and "结束）。

none 其中似乎有效

我很好奇是否有人知道如何正确对齐我的文本以便我不会遇到问题？实际上，我可以为主要内容保留默认 text-align: left;，但我只需要了解如何右对齐文本的右侧部分。

感谢您的帮助

Answer 1

尝试在下面添加 CSS:

.ui-tooltip-content .right { 
  float:right; 
  color:blue; 
  text-align:right 
}

Cannot align a portion of text in a UI Tooltip?