css不在一行展示display

CSS可以很方便地控制网页中元素的展示效果，其中display属性是很常用的一个属性。通过设置display属性，我们可以控制元素是显示为块级元素还是内联元素，还可以控制元素是否隐藏等。但是，在某些情况下，我们希望不将CSS代码写在一行展示，而是分行展示。那么这时候该怎么办呢？

p {
  display: block;
  font-size: 16px;
  font-weight: bold;
} 

在实际编写CSS代码时，我们通常都是将CSS代码直接写在一行中。这样会使得代码简洁、易于阅读和维护，但是也存在一些问题。例如，如果我们的代码很长，那么在一行中展示代码就会非常的不美观，不易于查看和理解。另外，如果我们想要将代码复制到其他地方进行使用，那么一行的长代码也会使得复制过程变得非常的难以处理。

因此，为了解决这些问题，我们可以通过使用pre标签来实现CSS代码的分行展示。pre标签是一个用来表示预格式化文本的HTML标签，它会自动保留代码中的所有空格、换行符和其它特殊字符。因此，我们可以使用pre标签将CSS代码分成多行，这样可以使得代码更加美观，也更加易于使用。

p {
  display: block;
  font-size: 16px;
  font-weight: bold;
} 

需要注意的是，在使用pre标签时，我们需要将所有代码都写在pre标签的中间，否则就会出现错误。另外，我们还可以在pre标签中使用其它的HTML标签，例如p标签、span标签等，这样可以让代码更加清晰、易于阅读。

综上所述，如果我们想要将CSS代码分行展示，我们可以使用pre标签来实现。这样可以让代码更加美观、易于查看、复制和理解，也可以提高代码的可阅读性和可维护性。