如何设置列表组件分割线

“列表组件分割线”的设置方式取决于你使用的具体前端框架或组件库。下面我按常见场景给你说明：

一、原生 HTML + CSS

用 <ul> / <li> 手动加分割线：

<ul class="list">
  <li>项目一</li>
  <li>项目二</li>
  <li>项目三</li>
</ul>

.list li {
  padding: 12px;
  border-bottom: 1px solid #eee;
}
.list li:last-child {
  border-bottom: none;
}

二、Element Plus（Vue）

<el-divider> 或 border 属性：

<el-list>
  <el-list-item>项目一</el-list-item>
  <el-list-item>项目二</el-list-item>
</el-list>

或表格/列表自带分割线：

<el-table :border="true"></el-table>

三、Ant Design（React）

List 组件默认有分割线，可通过 split 控制：

<List
  split
  dataSource={data}
  renderItem={item => (
    <List.Item>{item}</List.Item>
  )}
/>

关闭分割线：

<List split={false} />

四、Flutter（Dart）

ListView.separated(
  itemCount: items.length,
  separatorBuilder: (context, index) => Divider(),
  itemBuilder: (context, index) => ListTile(
    title: Text(items[index]),
  ),
)

五、Android（XML）

<View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="#DDDDDD"/>

或在 RecyclerView 中添加：

recyclerView.addItemDecoration(
    new DividerItemDecoration(this, DividerItemDecoration.VERTICAL)
);

如果你能告诉我用的是哪种技术栈（如 Vue / React / Flutter / 小程序等），我可以给你更精确的代码。