简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> HTML Tutorial> body text

html结点 垂直居中_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:48:30
Original
896 people have browsed it

为了实现上面右侧文字的垂直居中，尝试了多种方法，但苦于父容器不定高，因此多种方案都被否定，最后求助于高手后，找到如下解决方案：

.container{

display:flex;

flex-direction:row;

align-items:center;

}


韩红：今年两个提案中一个就关于雾霾


24小时热点

Related labels：
html结点 垂直居中
source：php.cn
Previous article：[HTML][CSS]table中加边框的样式（所有td都加薄边框）_html/css_WEB-ITnose Next article：CSS3和js炫酷点击按钮3D翻转动画特效_html/css_WEB-ITnose
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
Latest Articles by Author
Latest Issues
Rewrite the title to: Vue 3: Transfer content to element and replace I'm using Vue3's teleport to render an element into a div and it works as expected. Telepo...
From 2023-11-06 11:01:38
0
1
451
How to vertically center text next to a switch? I want to make a text in the center of "toggle-label" class vertically with &quo...
From 2023-09-15 11:58:54
0
1
206
Center align grid cell content I want to center align content inside a grid item, centered horizontally but not verticall...
From 2023-09-15 10:34:15
0
1
274
Why am I still unable to achieve vertical centering despite setting the height of the parent element? I am able to use the mx-auto class, but although my myContainerFixed class successfully di...
From 2023-09-11 17:27:43
0
1
292
The difficulty of arranging the cards remains I'm new to HTML and I've been trying to create a website for a friend of mine in which I'm...
From 2023-09-10 14:31:47
0
1
205
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！