时间戳

首页 > 解决方案 > 将 CSS 中的一长行代码拆分到另一行的正确方法是什么？

css - 将 CSS 中的一长行代码拆分到另一行的正确方法是什么？

问题描述

我在谷歌上搜索了很多，似乎找不到如何处理一行很长的 CSS。如果我想拆分该代码并在另一行中完成它，我该怎么做呢？我应该这样做吗？例如：

src: url("http://ThisIsAReallyLongURL/thatIneedToTryandgetonAsecondLine")

我会这样做吗？

src: url("http://ThisIsARreallyLongURL/thatIneed\
        ToTryandgetonAsecondLine")

任何帮助，将不胜感激。谢谢！

标签： csslongtext

解决方案

您可以在第一行的网址末尾添加反斜杠，然后在下一行继续您的网址，不要缩进。这甚至在分成两行以上时也有效。

.fruits {
  background-image: url("https://s7.postimg.cc/u8an7ndqz/frui\
ts.jpg");
  height: 500px;
}
<div class="fruits"></div>

这是一个 jsFiddle：https ://jsfiddle.net/katerynas/rryrqyvw/

推荐阅读