Home > WeChat Applet > Mini Program Development > Can the mini program title be centered?

Can the mini program title be centered?

烟雨青岚
Release: 2020-06-13 11:19:28
Original
6698 people have browsed it

Can the mini program title be centered?

Can the mini program title be centered?

Method to center the title of the mini program:

1. To achieve the centering of the WeChat mini program, you can use the flex layout tool. I believe many friends know the use of the flex layout tool. If you don't know, I can tell you that its biggest function is to quickly achieve the layout you need (horizontal centering, vertical centering, left and right alignment, etc.).

2. The flex layout is quite simple. Here I will briefly talk about a few scene applications. For specific details, friends still have to read books or watch video tutorials. First, set display:flex on the layout container; such as the most painful vertical centering.

Can the mini program title be centered?

3. Change align-items to justify-content

Can the mini program title be centered?

4. The two attributes are happily combined in Together.

Can the mini program title be centered?

#5. There are many more common scenarios than just centered WeChat applet layout.

Can the mini program title be centered?

#6. If we want to center the main vertically, we only need to set display:flex and align-items:center to its parent element body. There is a div and p in main. If you want to vertically center these two elements in main, you also need to set display:flex and align-items:center for their parent element main; in addition, justify-content and flex-direction are used for adjustment. The order in which these two child elements are centered horizontally.

7. A common method is to use absolute positioning with negative margin. The idea is to set it to absolute, specify top and left as 50%, place the upper left corner of the element in the center of the page, and then use half the width and height of the negative margin to pull the element back to the center of the page.

For more related knowledge, please visit PHP Chinese website! !

The above is the detailed content of Can the mini program title be centered?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template