小编jos*_*ant的帖子

注意:上述链接问题未回答此问题,也不重复.这个问题解决了使用时特殊字符排序的问题,text-direction: rtl结果可以unicode-bidi: bidi-override通过下面的@Serlite指出来解决.

我有一个包含一些文本的div,我想要向左边溢出,而不是向右边.

例如,如果div包含字母表中的所有字母,则默认行为如下:

但是,我希望div的内容显示如下:

direction: rtl在该div的样式中使用可以很好地工作,并且对于上面的示例完美地实现了这种效果,以及如果内容仅包含数字(或字母数字字符的混合),如下所示.

标准行为:

设置后的行为direction: rtl:

在div中输入特殊字符时会出现问题,例如*和#.

将字符串设置*#0123456789为div内容会导致显示以下内容:

请注意*从字符串的开头到结尾的移动.

很难用图像显示问题,所以这里有一个快速的方法来更好地展示它.

一般来说,设置direction属性时似乎发生了奇怪的事情,所以我猜它可能不是那种方式.

当第一个字符溢出到左边时,有没有办法可以强制最后一个字符始终可见？

是否有一种简单的方法可以使用扩展...运算符将对象数组与另一个对象组合以创建单个对象？这个例子展示了我想要完成的事情:

const arrayOfObjects = [
  { x: 'foo' },
  { y: 'bar' }
];

const obj = {
  hello: 'world'
};

我正在寻找的输出如下:

{
  x: 'foo',
  y: 'bar',
  hello: 'world'
}

除了其他方面,我尝试了以下内容,但它并没有完全给出预期的输出.

{
  hello: 'world'
  ...arrayOfObjects
}

// Gives
{
  0: { x: 'foo' },
  1: { y: 'bar' },
  hello: 'world'
};

聪明地使用扩展运算符是否可以做到这一点？