el-radio-group靠左

### 设置 `el-radio-group` 内的单选按钮靠左对齐

为了实现 `el-radio-group` 中的单选按钮靠左对齐，在默认情况下，Element UI 的 `el-radio-button` 是水平排列并自动填充可用空间。如果希望这些按钮严格向左对齐而不拉伸，可以通过自定义样式来调整布局。

可以利用 CSS Flexbox 布局模型中的属性 `flex-wrap: nowrap; justify-content: flex-start;` 应用于 `el-radio-group` 上，从而确保其内部组件按照期望的方式排列[^1]。

下面是一个具体的例子：

<template>
  <div class="radio-align-left">
    <el-radio-group v-model="value" size="medium">
      <el-radio-button label="选项一"></el-radio-button>
      <el-radio-button label="选项二"></el-radio-button>
      <el-radio-button label="选项三"></el-radio-button>
    </el-radio-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '选项一'
    };
  }
};
</script>

<style scoped>
.radio-align-left .el-radio-group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start !important;
}
</style>

上述代码片段展示了如何通过添加额外的 CSS 类 `.radio-align-left` 和覆盖默认样式的做法让 `el-radio-group` 下面的单选按钮保持左侧对齐。