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

用CSS控制DIV居中失效的解决方法_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:28:33
Original
1542 people have browsed it

1、一般情况下DIV居中失效是因为没写DTD语句

　　在页面的最上方加上：

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

　　就可以了！其实其他很多css的问题也是因为没有加上dtd语句引起的。

　　2、使用margin来让DIV居中

　　最简单的写法就是：

　　.divstyle{ margin:0 auto; }

　　复杂一些就把左右边距都加上：

　　.divstyle{ margin-left:auto; margin-right:auto; }

　　这样就可以试想DIV居中了！

Related labels：
用CSS控制DIV居中失效的解决方法
source：php.cn
Previous article：CSS设置div透明度-FF3.5+ 已不支持-moz-opacity_html/css_WEB-ITnose Next article：DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容 (转)_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
Livewire undefined I'm having trouble deploying my LaravelLivewire project to the server. The problem is that...
From 2023-11-09 15:34:23
0
1
233
How to set margins/padding (HTML/CSS) for each page printed? I have a lot of content on my page, but I have no control over where it breaks. I put some...
From 2023-10-20 17:34:03
0
1
278
Add a line from the end of the title text to the end of the container I use this CSS to draw a line from the end of the title text to the end of the container: ...
From 2023-09-15 19:42:56
0
1
207
CSS - Which is better: using "main a" or creating a new class? I'm a complete beginner. I'm working on the CSS for the page. I have links in the main men...
From 2023-09-07 13:29:36
0
1
322
Title rewritten to: Error: Invalid element type: Expected string (for built-in components) or class/function (for composite components) but got undefined element type How can I solve this problem in my ReactNative code? The error reads "Error: Invalid ...
From 2023-09-01 13:23:24
0
1
268
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！