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

liujiuyu1986

liujiuyu1986

2016-02-19 19:46

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享让div+css的div居中, 而里面的文字不居中的做法,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

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

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

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
title
做一个测试
/title
style type="text/css" rel="stylesheet"
body{
margin:0px;
}
#countainer{
margin:auto;
width:600px;
height:100%;
background-color:#cccccc;
}
/style
/head
body
div id="countainer"
中国
/div
/body
/html

  事实上, 这里的最关键的一个点在: countainer类的属性里的: margin:auto; 这个值!

  刚才测试时, 发现里的!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

  html xmlns="http://www.w3.org/1999/xhtml"

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

  也是很重要的, 如果没有这句在IE浏览器里的显示还是居左的, 在火狐和谷歌浏览器时的显示是正确的, 加了这句后, 所有的浏览器时显示都是正的

展开更多 50%)
分享

猜你喜欢

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

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

想让DIV居中 如何编写CSS

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

s8lol主宰符文怎么配

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

Div上下居中

Web开发
Div上下居中

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

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

lol偷钱流符文搭配推荐

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

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

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

CSS实现不定高度DIV绝对居中

Web开发
CSS实现不定高度DIV绝对居中

lolAD刺客新符文搭配推荐

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

网页布局中CSS的Class灵活应用

网页布局中CSS的Class灵活应用

使用CSS制作圆角效果

使用CSS制作圆角效果
下拉加载更多内容 ↓