CSS：在内容之前 - 使用图像并添加包装

Question

如何在内容图片后添加换行符？我的css在下面，它不起作用：

#login-window:before {
    content: url(images/logo.png),"\a";
}

Answer 1

将内容保持为空白，并将样式设置为普通div：

#login-window:before {
  background: url(images/logo.png) no-repeat;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
}

Answer 2

这不起作用，因为CSS属性不会以这种方式读取正则表达式，因为你正在管理一个伪元素，你应该把它留空内容并更改显示，如果你想要换行，你应该做某事＆＃39;像这样：

#login-window:before {
  content: '';
  background: url(images/logo.png) no-repeat;
  display: block;
  height: 80px; /* Set it to your needs */
  width: 80px; /* Set it to your needs */
  padding-bottom: 12px; /* To leave a blank space inside the box*/
}

Answer 3

我让它工作，在每个元素之间使用空格，然后使用预包装。

#login-window:before {
    content: url(images/logo.png) "\a";
    white-space: pre-wrap;
}