Question

我会尝试每个display:，<span>，white-space，overflow:auto等，并在此网站上进行大量搜索。如何消除真正特定情况下该死的断线。你能告诉我，即使它很简单吗？：）

window.onload = function() {
  document.getElementById("container").style.width = screen.width + "px";
  document.getElementById("container").style.height = screen.height + "px";

}

#container {
  display: block;
  float: left;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-color: indianred;
  white-space: nowrap;
}

<div id="container">
</div>

LINE BREAK IMAGE

Answer 1

body { margin: 0; }

在你的CSS中

应该做的伎俩。浏览器通过外观向主体添加一些默认样式。

Answer 2

这应该有用。

<body style="margin: 0;">

或

body { margin: 0; }

Answer 3

您可以使用normalize.css在HTML元素的默认样式中跨浏览器一致性，您可以从此处下载：https://necolas.github.io/normalize.css/ 或者您可以通过CDN添加：

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">

如何消除特定背景下的换行符？

3 个答案: