课程章节介绍
让我们来聊聊如何对齐多个切换按钮，以及如何调整它们的样式。首先，我们来看一下你提供的代码片段。
```css
THIS fieldset > legend {
页边底部：10 px;
}
.This fieldset .slds-form-Element__Label {
宽度：150 px;
}
```
### 1. ，对齐多个切换按钮，
在Salesforce Lightning Design System (SLDS)中，切换按钮（Toggle Buttons）通常是通过``或``组件来实现的。如果你想要对齐多个切换按钮，可以使用``和``来创建一个灵活的布局。
例如：
```html
```
这样，你就可以轻松地将多个切换按钮对齐并排显示。
### 2. ，调整样式，
接下来，我们来看一下你提供的CSS代码。
```css
THIS fieldset > legend {
页边底部：10 px;
}
.This fieldset .slds-form-Element__Label {
宽度：150 px;
}
```
- ，`THIS fieldset > legend`，: 这部分代码是用来调整``中的``元素的底部边距。`页边底部：10 px;`的意思是给``元素添加10像素的底部边距。这样可以让``和下面的内容之间有一定的间距。
- ，`.This fieldset .slds-form-Element__Label`，: 这部分代码是用来调整``中所有带有`class="slds-form-Element__Label"`的元素的宽度。`宽度：150 px;`的意思是设置这些标签的宽度为150像素。这样可以让标签的宽度保持一致，看起来更整齐。
### 3. ，注意事项，
- ，单位，: 在CSS中，像素的单位是`px`，而不是`px;`。所以正确的写法应该是`margin-bottom: 10px;`和`width: 150px;`。
- ，选择器，: 确保你的选择器是正确的。`THIS fieldset`应该改为`.this-fieldset`，假设`this-fieldset`是你的``元素的类名。
### 4. ，总结，
通过使用``和``，你可以轻松地对齐多个切换按钮。同时，通过调整CSS样式，你可以控制``和标签的宽度和间距，使页面看起来更加整洁和一致。
希望这些内容对你有帮助！如果有任何问题，随时问我哦！