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

Example of a solution for using margin:0 auto in HTML to prevent the entire page from being centered

高洛峰
Release： 2017-03-06 16:09:20
Original
2463 people have browsed it

Today I am writing a jsp page, and I have to adjust the

123xxx
no matter how I change this attribute, I can't get the page to be displayed in the center, and other styles also appear inexplicably. Problem

Later I found a 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 in the CSS but in the XHTML web page itself.
You need to add this code to make the above settings effective: 

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

If you want a more strict XHTML 1.0 Strict or XHTML 1.1, please check Related documents.
The above tests are based on Windows XP SP2 version IE6 and FireFox 1.0 final version.

It is recommended that if you need to use css style in the page, do not delete this line: 

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

Update For example, when using margin:0 auto in multiple html, the entire page is not centered. For related articles, please pay attention to the PHP Chinese website!

Related labels：
HTML 页面居中
source：php.cn
Previous article：Introduction to the method of changing the length of the input text box according to the content in it Next article：Example analysis of text wrapping in html (html mixed arrangement of images and text)
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
Best way to preload route data before accessing the route. Before rendering the page for a given route, I want to first get the necessary data synchr...
From 2023-11-17 14:54:42
0
2
379
Laravel 9.x: Redirect user to view success message after registration I'm trying to return a view with a success message after registering a user, which contain...
From 2023-11-12 22:55:21
0
1
336
What is the alternative to pages/_app.js in Application Router in NextJS? I've just started using NextJS and there is a new router called Application Router. Now I ...
From 2023-11-11 09:38:14
0
1
395
Leverage VueJS components in PHP I want to mix basic HTML generated by Php and VueJS components without having to use VueJS...
From 2023-11-11 00:01:44
0
2
288
Using Laravel 8's blade asset to display images but loading from resources subfolder I'm pretty new to Laravel, so please bear with me. I'm copying a framework I developed in ...
From 2023-11-09 12:47:02
0
1
314
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！