标题工具提示间距问题

我已经使用了 padEnd 为标题中的字符串和绑定提供相等的空间。当我控制台的字符串。字符串与间距完全对齐,但绑定的标题看起来不一样。标题是否支持间距?

编码

arr = [{ name: "Rasagula", carbs: 16.6 },{ name: "Masala Vada", carbs: 16.2 },{ name: "Veg Bonda", carbs: 8.1 }];
  ngOnInit() {
    this.manipulateArr();
  }
  manipulateArr() {
    var carbs = this.arr.map(k => k.carbs);
    var items = this.arr.map(k => k.name);
    this.printThis = items.map((x, i) => {
    this.spacePad(x) + " : " + carbs[i] + "(g)";
    }).join('/n');
  }
  spacePad(value) {
    return value.padEnd(25);
  }

超文本标记语言

<td title={{printThis}}>Some Values</td>

控制台

enter image description here

我的观点

enter image description here

解决方案:

工具提示的生成是基于 title 属性,但它是由你的操作系统渲染的,而且它使用的字体家族与你的网页不同。它似乎不是单行距字体,这意味着字母的宽度不相等。然而,浏览器的控制台大多使用单行距字体,这就是为什么它在那里显示对齐,但在工具提示中没有。遗憾的是,你不能对工具提示进行样式设计,但是你可以使用一个工具提示库,让你通过在DOM中渲染文本来实现这个功能。

给TA打赏
共{{data.count}}人
人已打赏
未分类

如何将两张表合并到一个DB模式中?

2022-9-8 15:57:24

未分类

使用PIPE从主进程读取子进程的stdout,导致子进程死亡。

2022-9-8 15:57:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索