Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > When writing an HTML5 page, setting 'margin:0px,auto' in CSS cannot center the div. What is the reason? _html/css_WEB-ITnose

When writing an HTML5 page, setting 'margin:0px,auto' in CSS cannot center the div. What is the reason? _html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:51:59
Original
1260 people have browsed it

When writing an HTML5 page, setting "margin:0px,auto" in CSS cannot center the div. What is the reason?

The html page code is as follows: 

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <link href="css/login.css" rel="stylesheet" />    <script src="js/LoadJs.js" type="text/javascript"></script></head><body>       <div class="Fu">             </div>    </form></body></html>
Copy after login


The CSS file code is as follows: 
body {    background-color:rgba(241,244,245,80);    margin:0px;    padding:0px;    text-align:center;}.Fu {   margin:0px,auto;   padding:0px;   width:400px;   height:200px;   background-color:#FFF;   border:1px solid #000;}
Copy after login


The div cannot be used using Firefox, IE10, or IE11. The level is centered, what is the cause and how can it be solved?


Reply to discussion (solution)

margin:0px auto;
Space

margin:0px auto;
Space



Kneel down! It’s true! I haven’t noticed it after looking at it for a long time! Points for the knot!
Related labels：
编写HTML5页面，CSS中设置"margin:0px auto"不能使div居中，请问是何原因？
source：php.cn
Previous article：The 18 most commonly used techniques in CSS2.0 that you should know_html/css_WEB-ITnose Next article：Codeforces Round #283 (Div. 2) b_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
52 images in Array JS I'm studying IT Assistant 1 year and currently we have to write a card game using JavaScri...
From 2024-03-30 21:14:49
0
1
272
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