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

让div居中对齐的css样式_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:28:02
Original
1751 people have browsed it

Code

 

居中div效果

 

使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。
.style{margin-left:auto;margin-right:auto;}
缩写形式为：
.style{margin:0 auto;}
数字0 表示上下边距是0。可以按照需要设置成不同的值。

Related labels：
让div居中对齐的css样式
source：php.cn
Previous article：多张图片在同一个DIV中水平居中并且垂直居中 不忽悠 纯DIV+CSS实现 不用JS_html/css_WEB-ITnose Next article：用CSS让文字居于div的底部_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
Why when vertically aligning a button element in a div, the element has more vertical space than defined by CSS margins? I have a work in progress page on this site and I thought the hardest part of this page wo...
From 2023-09-14 18:49:41
0
2
252
Why does this paragraph link look so trendy? I've attached some code here, I recently added a link to my portfolio website and the para...
From 2023-09-07 15:37:04
0
2
284
Why can't text in HTML programs be displayed horizontally and centered? I'm currently trying to code my own Snake game and would like the title and actual game im...
From 2023-08-15 12:00:42
0
1
220
javascript - css controls the div to always be centered horizontally and vertically, and the size of this div is different The css control adds a div with a unified class name. I want it to be displayed horizontal...
From 2017-06-26 10:52:35
0
10
892
javascript - css problem, how to align the container in the div bottom As shown in the picture, there are three divs. How to set 2 and 3 to be aligned at the bot...
From 2017-05-19 10:27:21
0
6
564
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！