DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
CSS入門知識
>>
CSS進階教程
>> CSS+DIV設計實例:實現讓多個DIV排列時居中
CSS+DIV設計實例:實現讓多個DIV排列時居中
編輯:CSS進階教程  
<?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+DIV設計實例:看看IE中有關1px的Bug
下一頁:
CSS控制 如何讓12px以下的文字正常顯示
CSS進階教程
CSS教程:三列固定網頁布局實例
今天破洛洛將向大家講解如何通過設計一個HTML/CSS的基本結構,來創造一個簡單且常用的三列式固定頁
頁面重構工程師應該具有的技能和素質
當“ 頁面重構工程師 ”這個職位的面試官也蠻長一段時間了,跟前兩年比起來,總
網頁布局教程:CSS多列布局問題簡單解決方案
網頁制作poluoluo文章簡介:純 CSS 打造多列等高並不像想象中那麼容易。本文著重講述多列布局
相關文章
css取消斜體 CSS設置去掉斜體樣式
css字體斜體_CSS設置字體斜體
css背景顏色_css 背景顏色設置
css傾斜_css設置字體傾斜
css width height同時設置
font-weight:bold 設置字體加粗CSS樣式
css縮進2字符 (CSS縮進空格兩個漢字位置)
css width百分比 css寬度百分比設置
css padding與寬度width關系
css padding-top樣式教程
CSS基礎知識
Sass教程
CSS3基礎
關於CSS
CSS進階教程
DIV十CSS布局
CSS特效代碼
CSS詳解
小編推薦
利用CSS讓元素垂直居中的兩種實現方法
12月分享國外優秀的測試浏覽器的兼容性的工具
網頁制作教程:css讓頁面居中對齊
CSS壓縮大法:技巧與工具
輕松玩轉花樣表單
xHTML+CSS網頁制作和搜索引擎優化SEO的關系
Web設計中如何使用XML數據源對象
CSS定義標題的實例講解
網頁在IE6下正常在IE7下錯位的問題
CSS教程:clip屬性詳細講解
熱門推薦
CSS+DIV:讓文本字符環繞在你的圖片周圍
進階性教程 CSS的常規使用技巧
CSS壓縮大法:技巧與工具
學習CSS值得去的幾個英文網站
CSS初級入門:連接屬性
CSS實例教程:制作網頁2級導航
CCS3實例教程:rotate和rotateX
網頁CSS背景圖片使用的測試結果
CSS代碼組合和嵌套
大家都在看
網站要定位成用戶生活的得力助手和工具
中國互聯網產品的發展和運營有什麼樣的特質?
固定div容器的寬高,圖片居中
提高Web頁面的性能(二)
js判斷背景圖片是否加載成功使用img的width實現
jQuery中.live()方法的用法深入解析
js 手機號碼合法性驗證代碼集合
jQuery實現用戶注冊的表單驗證示例
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved