如何避免预格式化文本中的空行

Question

<div id="divright">
lorem ipsum
lorem ipsum
lorem ipsum
</div>

css

#divright{
    white-space:pre;
}

由于divright格式的原因，在white-space:pre内容顶部有一个额外的空行。

我怎么才能避免这个空白处。

我试过css display:none -不起作用。

Answer 1

如果您可以访问HTML，只需删除它：

<div id="divright">lorem ipsum

如果你知道，总有一条新的线，你知道线的高度，把整个元素拉高一条线：

#divright {
  margin-top: -20px; /* -1 x current line-height */
}

white-space-collapse属性的CSS4将持续一段时间，直到它准备好在这里拯救我们。

对于contenteditable元素，每次用户尝试添加事件时，您都可以收听事件，并使用Javascript修剪前导行。

Answer 2

只需删除第一行之前的实际空格即可。

<div id="divright">lorem ipsum
lorem ipsum
lorem ipsum
</div>

Answer 3

我认为你应该用：

#divright{
    white-space:normal;
}

或

#divright{
    white-space:nowrap;
}

它应该删除这个空行。要获得更多帮助，请查看W3C-Css教程。