首 页
|
精品电影
|
音乐天堂
|
在线游戏
|
Flash MTV
|
三湘书屋
|
幽默笑话
|
三湘图库
|
美女写真
|
IT知识库
|
QQ贴图
|
加入书签
|
网页制作
|
网络编程
|
图形图象
|
操作系统
|
冲浪宝典
|
软件教学
|
网络安全
|
认证考试
|
通信技术
|
电子商务
|
业内动态
|
书籍教程
|
原码
|
最近更新
文章分类
多媒体类
精品软件
本站搜索:
文章资迅
软件下载
小 游 戏
FLASH
幽默笑话
您的位置:
三湘时空
->
IT知识库
->
文章分类
->
CSS教程
-> CSS+DIV设计实例:实现让多个DIV排列时居中
CSS+DIV设计实例:实现让多个DIV排列时居中
文章类别:
CSS教程
来源: 作者: 发表日期:2006-5-28 字体:[
大
中
小
]
小游戏
|
在线影院
|
幽默笑话
|
源码下载
|
Flash MTV
|
音乐试听
|
书屋
|
美女写真
<?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://img.sxsky.net/it/http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> </noscript>
上一篇:
PHPUnit袖珍指南之自动测试
下一篇:
CSS+DIV设计实例:纯CSS制作下拉导航菜单
本栏目热门文章
·
CSS+DIV设计实例:实现让多个DIV排列时居中
2006-5-28
·
引入CSS样式的五种方式
2006-5-28
·
CSS+DIV设计实例:纯CSS制作下拉导航菜单
2006-5-28
·
超强,用CSS构建iframe效果
2006-4-5
·
CSS实用教程(一)
2005-10-4
·
SPAN和DIV的区别
2006-3-18
·
利用CSS,不通过replace替换标引HTML标记
2005-10-4
·
拒绝单调 让网页超链接拥有多姿多彩的下划线
2005-10-4
·
css学习的一些心得
2005-12-13
·
对display:inline;与float:left;的认识
2006-6-4
新近更新文章
·
用CSS打造可折叠伸缩名片菜单
2006-6-15
·
用CSS做滑动效果的图片画廊
2006-6-15
·
CSS+DIV:让文本字符环绕在你的图片周围
2006-6-15
·
用相对定位和负向移动完成图片象框阴影
2006-6-15
·
CSS里也能写脚本?
2006-6-12
·
CSS初级入门:页面样式的整体声明
2006-6-9
·
CSS初级入门:样式的多次声明
2006-6-9
·
用CSS实现表格背景颜色渐变效果
2006-6-6
·
认识CSS中absolute与relative
2006-6-4
·
对display:inline;与float:left;的认识
2006-6-4
首 页
|
软件发布
|
广告联系
|
下载帮助
|
意见反馈
|
网站地图
CopyRight? 2002-2004 WWW.SXSKY.
NET
? All Rights Reserved
三湘时空 站长QQ:
82675303
Email: