Heim > Artikel > Web-Frontend > 用CSS控制DIV居中失效的解决方法_html/css_WEB-ITnose
用CSS控制DIV居中失效的解决方法_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:28:331567Durchsuche
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居中了！
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：CSS设置div透明度-FF3.5+ 已不支持-moz-opacity_html/css_WEB-ITnoseNächster Artikel：DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容 (转)_html/css_WEB-ITnose