WEB开发网
开发首页
CMS教程
WEB开发
网站运营
网页设计
图形图像
数据库
服务器
网络安全
手机开发
软件开发
操作系统
软件教学
PHP开发
PHP培训
开发学院
网页设计
DivCss
CSS+DIV设计实例:实现让多个DIV排列时居中
阅读
CSS+DIV设计实例:实现让多个DIV排列时居中
2006-05-27 19:20:00 来源:WEB开发网
核心提示:
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww
<?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>
Tags:
CSS
DIV
设计
编辑录入:爽爽 [
复制链接
] [
打 印
]
相关阅读
››
CSS里的 no-repeat属性是什么
››
CSS设置DIV背景色渐变显示
››
CSS3实现翻转菜单效果
››
css让背景图片拉伸填充的属性
››
css的字体属性详解
››
css伪类伪元素域高级选择器的介绍
››
css的em/ex/px/pt(css长度单位)使用介绍
››
css3实现闪亮进度条效果
››
CSS中图片于文本的基线对齐设置
››
css实现强制不换行/自动换行/强制换行
››
css伪类伪元素域高级选择器的介绍
››
css及jQuery实现的精美拉下菜单导航条
中查找“CSS+DIV设计实例:实现让多个DIV排列时居中”更多相关内容
中查找“CSS+DIV设计实例:实现让多个DIV排列时居中”更多相关内容
上一篇:
CSS+DIV设计实例:纯CSS制作下拉导航菜单
下一篇:
CSS做一个超链接的陷下效果
更多精彩
Photoshop CS制作平面动画:GIF综述及彩信格式
未雨绸缪,雨过天晴铸就“雨安全”
用 ATL 编写 Windows 服务
Excel技巧:处理折线图表的缺失数据
Photoshop还原室内模糊人像的质感肤色
赞助商链接
热点阅读
[视频]vs2005入门之变量的概念\声明\特性\常...
kmixer.sys引发系统蓝屏之解决途径
ul li 横向排列不换行的做法
Excel移动到最后一行最后一列快速选择部分数...
Photoshop调出内衣美女照柔美效果
Linux/ubuntu 查看JDK版本是32位还是64位
插入对象
可以直接越狱翻墙的Android手机版Opera Min...
一个简单的外挂制作
Fireworks MX对网页的逆向导入
焦点图片
Android获取SD卡总容量...
Photoshop调出内衣美女...
Windows7系统下有线网...
解决FF浏览器和IE下载...
最新推荐
Android 如何修改默认输入法
Windows 8中将开始菜单(metro界面)创建关机...
Android获取SD卡总容量,可用大小,机身内存...
详解Linux 系统命令及其使用
解决网页内容无法复制
实用的Win 7远程桌面连接技巧
Photoshop调出内衣美女照柔美效果
Windows7系统下有线网络优先级设置
JQuery实现下拉,单选,复选三大控件方法,
php常用过滤非法/特殊字符串的方法
精彩阅读
excel SEARCH SEARCHB
ar和nm命令的使用
C++内存管理详解
Android 2.1 关于 showAlert 的解决方法
使用JDOM和XPATH结合查询
VISUAL C++6.0在MDI主框架窗口中添加位图
CorelDRAW 12 入门视频教程-设置标注、尺度...
Windows 7 是 Server 2008 R2升级版
群集SQL Server 的可为事项、不可为事项和基...
iPhone 怪现象 窝在家里变出超100位百万富翁...
myisam和innodb的选择?
深入浅出VC++串口编程之基于Win32 API
技术首页
| 关于本站 |
广告合作
|
联系我们
|
友情连接
|
网站地图
Copyright © 2003-2013
CnCms
.Com
. All Rights Reserved 京ICP备10000768号