antd 设置labelcol={{ style: { width: 66 } }}>会发生反转、

antd的labelCol是用来设置表单的标签列的样式，可以设置它的宽度、偏移量等属性。当设置labelCol={{ style: { width: 66 } }}时，会将标签列的宽度设置为66px，但如果此时表单的宽度小于66px，就会发生反转。

反转指的是标签和表单控件的位置互换，即标签显示在表单控件的右侧。这是因为antd会根据表单和标签列的宽度自动调整它们的位置关系，当标签列的宽度大于表单宽度时，antd就会将标签列放置在表单控件的右侧，以保证整个表单布局的合理性。

所以，如果我们想要避免发生反转，就要根据具体的场景来设置labelCol的宽度，不要超出表单宽度的范围。同时，还可以通过设置响应式的labelCol，使表单在不同的屏幕尺寸下都能保持良好的布局效果。

相关问题

antd model <img style={{ width: '80%', margin: '1rem 0' }} src={photo} />

在Antd Modal中，你可以使用`<img>`标签来显示图片。你需要将图片的URL作为属性传递给`<img>`标签的`src`属性，如下所示：

<Modal visible={visible}>
  <img style={{ width: '80%', margin: '1rem 0' }} src={photo} />
</Modal>

其中，`visible`是控制Modal显隐的属性，`photo`是图片的URL。

注意，如果你的图片URL是一个动态变量，你需要确保在数据更新后重新渲染Modal组件，否则图片不会刷新。可以通过上面提到的`setState`方法来手动触发组件的重新渲染。

vue antd table设置 sorter: true，导致表头高度不一致

你好！对于Vue Antd中的表格组件，当设置sorter为true时，可能会导致表头高度不一致的问题。这是因为当排序功能开启时，表头会显示排序图标，而排序图标会占据一定的高度，从而导致表头的高度不一致。

解决这个问题的方法是使用自定义表头的方式，通过自定义表头的样式来控制高度。你可以通过以下步骤来实现：

1. 首先，在表格组件中设置sorter为true，开启排序功能。

2. 然后，在自定义表头的样式中，给表头设置一个固定的高度，例如：

.custom-header {
  height: 50px;
}

3. 最后，在表格组件中使用自定义表头，并添加自定义表头的类名，例如：

<template>
  <a-table :columns="columns" :data-source="data">
    <template slot="title">
      <div class="custom-header">
        {{ columns[0].title }}
      </div>
    </template>
  </a-table>
</template>

通过以上步骤，你可以自定义表头的高度，从而解决表头高度不一致的问题。希望对你有所帮助！如果还有其他问题，请随时提问。