Javascript 从

我在firefox中遇到了一个问题。有几行是这样的：

<p id="rec_2" class="logMess errorMess">test</p>
<p id="rec_3" class="logMess errorMess">test</p>
<p id="rec_4" class="logMess errorMess">test</p>

test
test
test

稍后，当我试图复制收到的文本时：

test

test

test

但我想要这样的东西，我没有机会使用任何框架或类似的东西：

<p id="rec_2" class="logMess errorMess">test</p>
<p id="rec_3" class="logMess errorMess">test</p>
<p id="rec_4" class="logMess errorMess">test</p>

test
test
test

谢谢。

在CSS文件中为p元素添加规则margin:0和padding:0。 那将解决这个问题

---

我在这里创建了一个JSFIDLE演示：

问题在于webkit和其他人的复制事件。这与CSS无关

尝试捕获复制事件并格式化它

document.addEventListener('copy', (event) => {
  const toCopy = document.getSelection().toString();  
  console.log(toCopy);
  let toPaste = "";
  $(toCopy.split('\n')).each(function(i,v){
    if (v.length > 0) {
      if (toPaste != "") {
        toPaste += '\n';
      }
      toPaste += v;
    }
  });
  event.clipboardData.setData('text/plain', toPaste);
  event.preventDefault();
});

---

你的p元素有什么css样式？所以你想把文本粘贴到Word之类的东西上？如果是这样的话，那么我想说唯一的解决办法就是将所有这些行放在一个p元素中，并使用break标记来表示换行符。ps：问题增加了样式提示是，填充和行距使文本具有更大的空间高度是的，我知道。但我需要那个线高的牙齿nx@RustyTheBoyRobot来让我的工作答案更好，所以你说了这个