如何为动态生成的聊天框分配边距权限

Question

我已经做了一些php和mysql的东西来生成动态聊天框。一切都很好，但如果有一个以上的聊天框，问题就出现了对齐。两个聊天框与内联块不对齐。我想要tyo制作聊天框inline-block但我不知道如何做到这一点我尝试了很多方法但仍然经历这个烦躁的错误请看看我的代码并告诉我我在哪里做错了

看看它相互叠加的当前输出我希望得到它作为放置在右侧的图像：

const chunk = size => list =>
  list
    .map((value, index) => ({ value, step: index % size }))
    .reduce(
      (accum, item) => {
        const { value, step } = item;
        if (step === 0) return [[value], ...accum];
        const [head, ...tail] = accum;
        return [[...head, value], ...tail];
      },
      [],
    ).slice().reverse();

Answer 1

您可以使用jQuery分配CSS属性。一个例子是$(selector).css("margin-right", "20px")。