新客网WWW.XKER.COM:致力做中国最专业的网络学院!
模糊搜索
标题搜索
最新更新
新客商城
网站地图
RSS订阅
首页
新闻中心
网络学院
软件开发
站长之家
软件下载
手机学院
桌面壁纸
专题
论坛
学院:
操作系统
-
网络应用
-
服务器
-
网络安全
-
工具软件
-
办公软件
-
Web开发
-
数据库
-
网页设计
-
图形图像
-
媒体动画
-
硬件学堂
-
存储频道
-
QQ专区
您的位置：
首页
>
网络学院
>
网页设计
>
Css教程
> 正文：CSS+DIV设计实例：如何实现让多个DIV排列时居中
CSS+DIV设计实例：如何实现让多个DIV排列时居中
新客网
XKER.COM
2006-05-26 来源：
收藏本文
<?xml version="1.0" encoding="iso-8859-1"?> <!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>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> body {text-align:center} #outer { width:60%; background:#ffffcc; margin:auto; text-align:center; } .inner { width:100px; height:100px; margin:5px; border:1px solid #000; } * html .inner {display:inline}/* for ie*/ html>body #outer {display:table}/*for mozilla */ html>body .inner {display:table;float:left}/*for mozilla */ @media all and (min-width: 0px){/* opera 7 styles */ html>body .inner {display:inline-block;float:none;} } </style> </head> <body> <!-- force quirks mode by using the xml pro-logue --> <div id="outer"> <div class="inner">test</div> <div class="inner">2</div> <div class="inner">3</div> <div class="inner">4</div> <div class="inner">5</div> <div class="inner">6</div> <div class="inner">7</div> <div class="inner">8</div> <div class="inner">9</div> <div class="inner">10</div> <div class="inner">11</div> <div class="inner">12</div> <div class="inner">13</div> <br style="clear:both" /> </div> </body> </html> <script language="Javascript"> var now = new Date(); document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); </script> <noscript> <img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> </noscript>
运行代码
复制代码
另存代码
——您可以运行代码察看特效，您也可以复制或者另存源代码。本代码由天极网页陶吧提供。
上一篇：
详细介绍CSS的三种selector
下一篇：
CSS+DIV设计实例：看看IE中有关1px的Bug
【
收藏
】 【
评论
】 【
推荐
】 【
投稿
】 【
打印
】 【
关闭
】
最新相关文章
·
CSS教程之关于框架网页设计
·
CSS设计网页头部的优化写法
·
控制网页文件大小通过精简CSS实现
·
CSS制作符合网站标准的细线表格
·
增加CSS的overflow属性来清除浮动
·
CSS教程之网页表单设计技巧
·
与表格边框有关的CSS语法
·
多个CSS样式表争夺特定选择符的控制权
·
学习CSS制作网页总结的一些经验
·
纯CSS制作的新闻网站中的文章列表
·
CSS教程:CSS中的定位（position）
·
CSS布局实例:上中下三行,中间自适应
·
实用：CSS常见问题和技巧总结
·
CSS模块化设计——从空格谈起
·
css属性之媒体（Media）类型
·
DIV+CSS常见错误汇总
发表评论
（
要记得去论坛讨论，点击注册新会员
）
匿名评论
评论内容：不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规。
阅读排行
彻底弄懂CSS盒子模式（DIV布局）
网页屏蔽(左右键,代码等)的非JS方法
DIV与Table布局在大型网站的可用性比较
Div + CSS 高度自适应解决方案
译稿：网站设计之合理架构css
用CSS实现表格背景颜色渐变效果
技巧再现:css网页设计技巧
获取IE当前URL的代码
常用CSS
在CSS样式表里使用JavaScript
网页制作 谈谈CSS样式表的命名规范
如何隐藏网页中的层DIV
CSS初级入门：页面样式的整体声明
5日精通样式表－4-5控制背景图象
谈谈CSS样式表中的类和伪类
专题教程
非主流Ps教程
磁碟机病毒专杀
AV终结者
会声会影教程
nero教程
FreeBSD使用大全
PDF阅读器
BT下载
QQ防骗术案例剖析
机器狗病毒查杀专题
搜狗拼音输入法专题
google earth专题
随机推荐
CSS网页中的相对定位与绝对定位
详细介绍CSS的三种selector
5日精通样式表－5-7放眼未来
CSS学习精品网站推荐
网页制作小技巧：dl dt dd标签用法
5日精通样式表－3-1 第3日
5日精通样式表－5-8第5日的练习复习
CSS去除表格td默认间距及制作1px细线表格
中文排版CSS心得
避免表格table被撑开变形的CSS
5日精通样式表－5-6同低版本浏览器的兼容性
增加CSS的overflow属性来清除浮动
常用CSS缩写语法总结
用CSS实现文字环绕图片的效果
与表格边框有关的CSS语法
实用信息推荐
常用网页广告代码全集
中国电子地图
IP查询、IP签名
免费代理IP(每日更新)
免费周公解梦大全
html互转JS
FLASH休闲小游戏
flash动画
qq搞笑表情
最新电影大片
戴尔dell笔记本电脑订购
戴尔dell台式机电脑订购
最新相关文章发表评论最新相关文章发表评论