Solution to the problem of the entire page not being centered when using margin:0 auto in HTML

I wrote a jsp page today. I tried to adjust <div style="margin:0 auto">123xxx</div> but it didn't make the page display in the center. And other styles also had inexplicable problems.

Later I found the solution to this problem:

It turns out that L-Blog does not add DTD before HTML by default, so IE interprets the document as HTML instead of XHTML.
The problem is not with CSS but with the XHTML pages themselves.
You need to add the following code to make the above settings effective:

Copy code

The code is as follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

If you want the stricter XHTML 1.0 Strict or XHTML 1.1 please refer to the relevant documents.
The above tests are based on IE6 and FireFox 1.0 final version on Windows XP SP2.

It is recommended that if you need to use CSS styles on the page, do not delete this line:

Copy code

The code is as follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Solution to the problem of not being able to access the home page when adding a tomcat container to Docker

Blog

Solution to the problem of the entire page not being centered when using margin:0 auto in HTML

Vue implements Dialog encapsulation

Example of utf8mb4 collation in MySQL

Detailed process of compiling and installing Storm on Kylin V10 server

A question about border-radius value setting

Vant Uploader implements the component of uploading one or more pictures

How to solve the problem of ERROR 2003 (HY000) when starting mysql

Solution to the conflict between nginx and backend port

How to choose the right index in MySQL

CSS solution for centering elements with variable width and height

Solution to the problem of not being able to access the home page when adding a tomcat container to Docker

Recommend

js to realize a simple puzzle game

Linux uses join -a1 to merge two files

Brief analysis of the various versions of mysql.data.dll driver

Use xshell to connect to the Linux server

React nested component construction order

Example of horizontal and vertical centering of div sub-element using CSS

How to use CSS3 to implement a queue animation similar to online live broadcast

A brief discussion on the calculation method of key_len in mysql explain

Implementation of services in docker accessing host services

jQuery implements the practice of changing the position and size of div by dragging the mouse

WeChat applet realizes horizontal and vertical scrolling

HTML line spacing setting methods and problems

Nginx reverse proxy forwards port 80 requests to 8080

MySQL 8.0 installation tutorial under Linux

Example code for using CSS to implement the style of logistics progress