inner DIV....
---------------------------------
HTML:
<?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>
- 大小: 23.5 KB
分享到:
相关推荐
前插入" onclick="appendBefore('innerDiv', document.form1.field1.value);"> 中插入" onclick="insertWithin('innerDiv', document.form1.field1.value);"> 后插入" onclick="appendAfter('innerDiv', document...
document.body.removeChild(document.getElementById("InnerDiv")); } if(document.getElementById("LoadingImg")!=null) { document.body.removeChild(document.getElementById("LoadingImg")); } } //遮罩...
jquery.longPicShow插件 -鼠标悬停在图片的顶部或者底部的时候,多出部分的图片自动滚动显示,类似QQ空间里... $(".innerdiv").longPicShow(150); }) 当然,你可以设置滚动速度,本例默认为150,数值越大,速度越快
<... <head> <title>Ajaxian Maps</title> <style type=”text/css”> h1{ font:20pt sans-serif; } #outerDiv{ height:600px;... } #innerDiv{ position:relative; left:0px;
<div class='progress_inner__bar'></div> <div class='progress_inner__bar--set'></div> <div class='progress_inner__tabs'> <div class='tab tab-0'> <h1>Start order <p>Lorem ipsum dolor ...
<div class="perspective"><div class="book" data-book="book-1"><div class="cover"><div class="front"></div><div class="inner inner-left"></div></div><div class="inner inner-right"></div></div></div...
<div class="innerbox"> <div class="info-price"></div> <div class="annual-label">ANNUALY:</div> <div class="annual-price"></div> </div> </div> <div class="square"> <span class="value"></span> ...
要实现的功能类似下图,动态...<div class=accordion-inner> <div class=alert ng-repeat=permission>授权给: <select id= class=grantees disabled= style= margin-bottom: 3px; ng-model=permission.grantee>
<div class="wp-inner"> <div class="page page1">1</div> <div class="page page2">2</div> <div class="page page3">3</div> <div class="page page4">4</div> </div> </div>CSS父容器需是...
<div class=inner> </div> </div> .wrap1 { position: relative; width: 1200px; height: 400px; background: rgba(0, 0, 0, .5); } .wrap1 .inner { position: absolute; left: 0; right: 0
<div class="language-inner">请登录!!!</span> </div> </div> </div> <div class="clearfix sitenav"> <div class="clearfix menu-main"> <li class="first-item"> 首页index.html" class="home"><span>...
<div class="nb-inner"> <div class="example example-adv"> <div class="example-adv"> <div class="example-adv__top"> <div class="example-adv__top-search"></div> </div> <div class=...
[removed] <div id=”stockcode” xss=removed> test </div> innerText 跟 innerHTML是两个非DOM标准的方法其区别如图所示:(图中应该为innerText)在IE中 innerText 跟 inner HTML 两个方法都能正常运行
需求案例 案例是这样的,一个外层div,高宽是固定的... <div u00a0class=outer><div u00a0class=inner>haorooms内部内容</div></div> 样式是这样的 CSS Code复制内容到剪贴板 .outer{text-align:center;vertical-ali
preview: '<div class="dropify-preview"> class="dropify-render"></span><div class="dropify-infos"><div class="dropify-infos-inner"> class="dropify-infos-message">{{ replace }}</p></div></div>...
基于jQuery图文排版图片预览特效。... 效果图如下所示,怎么样感兴趣吗,... <div id=fullscreen-inner-left class=fullscreen-inner-button><span class=icon-caret-left></span></div> <div id=fullscreen-inner-rig
能够实现圆角列表,信息展示隐藏,很好的一种信息展示方式
<div id="J-toolbar-load-hook" clstag="h|keycount|cebianlan_h|load"></div> </div> <!-----------------------------------------顶部--------------> <header id="header"> <div class=...
可链接的组件可重用的React代码的可组合API。 将可重用的React组件链接在一起: withState ( 0 ) . chain ( outer => withState ( outer .... / div > < div> Inner: { inner . value } < button onClick
这又是一款基于jQuery的焦点图插件,前面我们也分享过很多优秀的jQuery焦点图应用插件,有兴趣的朋友可以前往看看。...<div class=”frame-smaller-inner”> <div class=”slider”> <img /><img /><img >>