centering是六个点垂直居中英文只有三个且垂直居下所以输入时一定要注意哦
    Vertically centering three words only can be a tricky process. With only three words, it can be difficult to make sure that they are properly aligned when using CSS. There are a few ways to go about this depending on your use case.
    If you are using Flexbox, you can use the justify-content property and set it to ‘center’ to vertically center the three words. This works by centering the space between the words and can be the simplest solution.
    Another way to vertically center three words is to create a containing element and use absolute positioning. You can set the container div to position: relative, and then set each word to position: absolute. Then by setting the top value of each word, you can make sure that they are all perfectly aligned.
    You can also use another containing element with a vertical align: middle; property. This will work if the containing element has a fixed height since it keeps the content with the same baseline as the container.
    Finally, you can use the translateY() transform property. This allows you to move the words up or down and keep them vertically centered. This would need to be adjusted for each line break, and the percentage values used will depend on the size of the font and other factors.
    Overall, vertically centering three words only can be done various ways depending on what you need. The most common solutions involve Flexbox, absolute positioning, and the translateY() transform property. Make sure to experiment and find the best option for your project.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。