首页
韩国资源
酷站加油
我的展厅
设计名站
古典元素
推荐下载
设计欣赏
每周专访
招募精英
人才专区
网页教程
平面设计
编程开发
设计竞赛
当前位置：
首页
>
网页教程
>
HTMLCSS教程
> 正文
输入您的搜索字词
提交搜索表单
CSS+DIV设计实例：如何实现让多个DIV排列时居中
来源：天极网
2006年05月26日 11:09
网友评论：0条
点击：
<?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制作下拉导航菜单
下一篇：
CSS+DIV设计实例：看看IE中有关1px的Bug
【
收藏此页
】【
打印
】【
关闭
】
相关文章
我要点评
免责声明
：本站刊载此文不代表同意其说法或描述，仅为提供更多信息，也不构成任何建议。对本文有任何异议，请联络：68design#163.com
转载要求
：作者及来源信息必需保留。转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印。
关于我们
|
在线反馈
|
广告报价
|
友情链接
|
联系我们
|
免责声明
|
在线投稿
|
网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve
【找网页设计师，当然上网页设计师联盟】
