小编Abu*_*aha的帖子

flex-flow:以反向顺序html和css的row-reverse wrap-reverse

我有一个内容,我希望他们在行反向和包装 - 反向,但反向顺序.这是代码:

.a {
  height: 200px;
  width: 520px;
  padding: 5px 5px 5px 10px;
  display: flex;
  flex-wrap: wrap-reverse;
  flex-direction: row-reverse;
  background-color: black;
}

.b {
  min-width: 120px;
  height: 90px;
  text-align: center;
  line-height: 90px;
  margin-right: 5px;
  background-color: aquamarine;
}
Run Code Online (Sandbox Code Playgroud)
<div class="a">
  <div class="b">1</div>
  <div class="b">2</div>
  <div class="b">3</div>
  <div class="b">4</div>
  <div class="b">5</div>
  <div class="b">6</div>
</div>
Run Code Online (Sandbox Code Playgroud)

订单应该颠倒过来.请不要使用'order'属性来回答这个问题.像这样的图像(抱歉编辑错误):

在此输入图像描述

请先查看代码输出然后再查看图像.

html css css3 flexbox

7
推荐指数
1
解决办法
379
查看次数

如何使用 ng2-charts 获得多个图表(条形图和折线图)?

我有条形图,我想在此条形图上绘制平均线。

我的解决方案:

在数据集中,我添加了类型为 ' line' 的元素:

https://stackblitz.com/edit/ng2-charts-bar-template?file=src%2Fapp%2Fapp.component.ts

public barChartLabels: Label[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
public barChartType: ChartType = 'bar';
public barChartLegend = true;
public barChartPlugins = [];

public barChartData: ChartDataSets[] = 
[
{ data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' },
{ data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B' },
**{ data: [48, 48, 48, 48, 48, 48, 48], label: 'Series C', type: '*line*' }**
];
Run Code Online (Sandbox Code Playgroud)

这条线不是从 …

linechart bar-chart ng2-charts angular chartjs-2.6.0

5
推荐指数
1
解决办法
4506
查看次数

标签 统计

angular ×1

bar-chart ×1

chartjs-2.6.0 ×1

css ×1

css3 ×1

flexbox ×1

html ×1

linechart ×1

ng2-charts ×1