el-col 内容不换行

`el-col` 是 Element UI 中的一个组件，它属于栅格系统的一部分，用于创建响应式的网格布局。在 Vue.js 中，`el-col` 用于定义一个网格中的列，你可以设置列的宽度，以便在不同屏幕尺寸下实现自适应布局，内容默认会被自动换行以适应列的宽度。

如果你想在 `el-col` 中的内容不换行，你可以通过设置 `offset` 和 `span` 属性来调整列的大小和位置，使得内容可以完整地占据一整列。例如：

<el-row>
  <el-col :offset="2" :span="8">
    <!-- 这里是内容，设置 width: 100% 可使其不换行 -->
    <div style="width: 100%;">这是一段不换行的内容</div>
  </el-col>
  <!-- 另外的列... -->
</el-row>

在这个例子中，`:offset="2"` 表示该列向左偏移两列宽，`:span="8"` 则表示该列占据剩余的八列宽。通过这样的设置，内容会在固定宽度内显示，不会因为列的宽度变化而换行。