@@ -237,12 +237,10 @@ If a Dialog is nested in another Dialog, `append-to-body` is required.
```
:::
:::
### Centered content
Dialog's content can be centered.
:::demo Setting `center` to `true` will center dialog's header and footer horizontally.
:::demo Setting `center` to `true` will center dialog's header and footer horizontally.`center` only affects Dialog's header and footer. The body of Dialog can be anything, so sometimes it may not look good when centered. You need to write some CSS if you wish to center the body as well.
```html
<el-buttontype="text"@click="centerDialogVisible = true">Click to open the Dialog</el-button>
...
...
@@ -272,7 +270,7 @@ Dialog's content can be centered.
:::
:::tip
`center` only affects Dialog's header and footer. The body of Dialog can be anything, so sometimes it may not look good when centered. You need to write some CSS if you wish to center the body as well.
The content of Dialog is lazily rendered, which means the default slot is not rendered onto the DOM until it is firstly opened. Therefore, if you need to perform a DOM manipulation or access a component using `ref`, do it in the `open` event callback.
@@ -246,7 +246,7 @@ Si un diálogo está anidado en otro diálogo, se requiere append-to-body.
### Contenido centrado
El contenido de Diálogo se puede centrar.
:::demo Ajuste `center` en `true` para centrar el encabezado y el pie de página del cuadro de diálogo horizontalmente.
:::demo Ajuste `center` en `true` para centrar el encabezado y el pie de página del cuadro de diálogo horizontalmente.`center` sólo afecta al encabezado y pie de página de Dialog. El cuerpo de Dialog puede ser cualquier cosa, así que a veces no se ve bien cuando está centrado. Necesitas escribir algún CSS si deseas centrar el cuerpo también.
```html
<el-buttontype="text"@click="centerDialogVisible = true">Click to open the Dialog</el-button>
...
...
@@ -276,7 +276,7 @@ El contenido de Diálogo se puede centrar.
:::
:::tip
`center` sólo afecta al encabezado y pie de página de Dialog. El cuerpo de Dialog puede ser cualquier cosa, así que a veces no se ve bien cuando está centrado. Necesitas escribir algún CSS si deseas centrar el cuerpo también.
The content of Dialog is lazily rendered, which means the default slot is not rendered onto the DOM until it is firstly opened. Therefore, if you need to perform a DOM manipulation or access a component using `ref`, do it in the `open` event callback.
