简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO)
집 > 웹 프론트엔드 > CSS 튜토리얼 > 본문

关于CSS的几种居中

高洛峰
풀어 주다： 2017-02-14 14:49:17
원래의
1159명이 탐색했습니다.

水平居中：

一：内联元素居中，让其父级块元素居中即可！

二：块元素居中，margin-left，margin-right：auto； 还有注意宽度哦！ 宽度为100%，是看不出的，宽度是100%还用居中？


垂直居中:

一：设置padding

二：height = line-height

三：display：table-cell vertical-align就起作用了。

四：定位居中 各种布局定位都能解决！

更多关于CSS的几种居中相关文章请关注PHP中文网！

관련 라벨：
CSS 居中
원천：php.cn
이전 기사：CSS属性之margin 다음 기사：css样式表中的样式的优先级
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
WordPress 6.0 (add_editor_style) 不会在古腾堡编辑器中加载 style.css 我正在学习UdemyWordPress课程来创建自定义WordPress块主题。我成功在function.php中注册了块类型，并且可以在古腾堡编辑器中选择我的块。教程建议使用以下...
에서 2023-11-12 20:37:50
0
2
261
如何在HTML/CSS中嵌入背景视频？ 大家好，我最近遇到了一个问题。我尝试给我的网站设置一个视频背景，但是居中的文本一直跑到底部，我不知道为什么，然而导航栏却没问题。我做了很多研究，但是找不到解决办法。对于CSS，我做...
에서 2023-11-06 13:59:13
0
1
240
JavaScript中如何获取CSS/HTML命名颜色的RGB值 我已经建立了一个名为[name-rgb]的Javascript对象。你的基本:namedColors={AliceBlue:[240,248,255],AntiqueWhite:[...
에서 2023-11-06 09:05:50
0
2
210
在 NextJS 项目中使用 Tailwind 和 MUI 时出现意外行为（白色按钮错误） 我目前正在使用NextJS、TailwindCSS和MUIReactUI库构建一个项目。每当我尝试向我的项目添加MUI按钮时，它都能正常工作，但按钮的颜色保持白色。悬停时颜色恢复正...
에서 2023-11-04 11:04:23
0
1
178
Electron 中的 Vite + Vue3：如何导入和使用 Material Design 图标 @mdi/font（或任何其他图标字体） 我想将@mdi/font图标捆绑到我的应用程序中（它是一个Electron应用程序）。我安装了npmi@mdi/font--save-dev:"devDependenci...
에서 2023-11-02 18:43:57
0
1
179
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！