在Angular中，你可以使用CSS样式来改变行项的宽度。以下是一个简单的示例：

1. 创建一个名为app.component.html的HTML文件，包含一个带有样式类的行项列表：

  

    {{ item }}
  

2. 创建一个名为app.component.css的CSS文件，定义.container和.item的样式：

.container {
  display: flex;
}

.item {
  flex: 1;
  background-color: lightgray;
  margin: 5px;
  padding: 10px;
}

3. 在app.component.ts文件中，定义一个名为items的数组，并为其赋值：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  items = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'];
}

4. 运行Angular应用，你将看到一个带有样式类的行项列表，每个行项的宽度相等。

这个示例使用了flex布局来实现行项的宽度自适应，并使用了一些基本的CSS样式来调整外观。你可以根据需要自定义这些样式。