JGuang

AutoCenter

AutoCenter · Ant Design Mobile

Preview
npm install antd-mobile@5.43.0

AutoCenter

Text is automatically centered.

Install

npm install antd-mobile@5.43.0

antd-mobile is for mobile web, not React Native or Mini Programs. React 19 projects must register createRoot with unstableSetRender at the entry, or imperative APIs such as Toast and Dialog cannot render. Switch dark mode with <html data-prefers-color-scheme="dark">.

Examples come from the official Ant Design Mobile repository (MIT) at the commit published as npm 5.43.0. Presentation helpers such as DemoBlock are JGuang rewrites, not antd-mobile APIs.

Text is automatically centered.

When to Use

The content is not enough for the width of the entire line, or it is used after reaching the full width.

Demos