解决用CSS控制DIV居中失效的问题

恢复吨happy

恢复吨happy

2016-02-19 19:44

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享解决用CSS控制DIV居中失效的问题,希望可以对大家能有小小的帮助。

  有朋友使用DIV居中,但是却发现DIV居中失灵了,是怎么回事呢?下面给大家解决一下问题,呵呵!

  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居中

  最简单的写法就是:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  .divstyle{ margin:0 auto; }

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

展开更多 50%)
分享

猜你喜欢

解决用CSS控制DIV居中失效的问题

Web开发
解决用CSS控制DIV居中失效的问题

关于CSS控制DIV水平居中问题

Web开发
关于CSS控制DIV水平居中问题

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

多种浏览器下CSS控制DIV居中的代码

Web开发
多种浏览器下CSS控制DIV居中的代码

css教程:DIV垂直居中的办法

Web开发
css教程:DIV垂直居中的办法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

想让DIV居中 如何编写CSS

Web开发
想让DIV居中 如何编写CSS

让div+css的div居中, 而里面的文字不居中的做法

Web开发
让div+css的div居中, 而里面的文字不居中的做法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

标准的DIV CSS布局对SEO的影响

标准的DIV CSS布局对SEO的影响

在SQLSERVER里写了一个Split函数

在SQLSERVER里写了一个Split函数
下拉加载更多内容 ↓