Блог

Главная - Вопросы по программированию - Как выровнять текст по центру или элемент div с помощью Ant Design Space в Reactjs?

Как выровнять текст по центру или элемент div с помощью Ant Design Space в Reactjs?

#reactjs #antd #ant-design-pro

#reactjs #antd #ant-design-pro

Вопрос:

Как выровнять текст или элемент div по центру по горизонтали с помощью пробела с помощью Ant design?
Вот мой код: 

 import { Space } from 'antd'

<Space direction="horizontal" align="center" style={{width: '100%'}}>
  <span>Hello</span>
</Space>

Ответ №1:

Поскольку Antd использует flex для пространства div, вам необходимо использовать justifyContent . Попробуйте это

 <Space direction="horizontal" style={{width: '100%', justifyContent: 'center'}}>