c# - 使用 CSS 在另一个元素之前插入元素

Question

我有以下使用 ASP.NET MVC Razor 引擎动态生成的代码:

<p class="line-item">COLOR</p>
<p class="line-item">HEIGHT</p>
<p class="line-item">WIDTH</p>

现在，我想以某种方式移动宽度

在高度之前。所以这就是我想要的:

<p class="line-item">COLOR</p>
<p class="line-item">WIDTH</p>
<p class="line-item">HEIGHT</p>

我想为此使用 CSS 或最少的代码。如果这不起作用，那么我将不得不在 C# 代码中更改它。

Answer 1

您可以使用 CSS3 特性的 Flex 方法。使用 Flex 和 order 属性，您也可以更改内容的顺序。看支持can i use .

div{display:flex; flex-flow: column;}
p:nth-child(1){order:0;}
p:nth-child(2){order:2;}
p:nth-child(3){order:1;}

 <div>
  <p class="line-item">COLOR</p>
<p class="line-item">HEIGHT</p>
<p class="line-item">WIDTH</p>
  </div>