✍ 📁 🙈 🙉 🙊 : 活頁夾標簽

活頁夾標簽

<div id="Mnul123456" style="height:500px;width:90%;">
<img style="display: none;" src="i" onerror="MmDd(this,1)" >
<div class="Mn" onclick="MmDd(this,1)">float left</div>
<div class="Mn" onclick="MmDd(this,2)">float right</div>
<div class="Mn" onclick="MmDd(this,3)">float left</div>
<div class="Mn" onclick="MmDd(this,4)">float right</div>

<div class="Dd">
<div style="background-color: #ffd382; float: left; height: 60px; text-align: center; width: 200px;">1 div 顯示</div>
<div style="background-color: #82ff82; float: left; height: 60px; text-align: center; width: 200px;">2 div 顯示</div> 
<br><br><br>
1 div {background-color: #ffd382; <span style="color: red;">float: left</span>; height: 60px; text-align: center; width: 200px;}
<br />
2 div {background-color: #82ff82; <span style="color: red;">float: left</span>; height: 60px; text-align: center; width: 200px;}
</div>

<div class="Dd">
<div style="background-color: #ffd382; float: right; height: 60px; text-align: center; width: 200px;">1 div 顯示</div>
<div style="background-color: #82ff82; float: right; height: 60px; text-align: center; width: 200px;">2 div 顯示</div> 
<br><br><br>
1 div {background-color: #ffd382; <span style="color: red;">float: height</span>; height: 60px; text-align: center; width: 200px;}
<br />
2 div {background-color: #82ff82; <span style="color: red;">float: height</span>; height: 60px; text-align: center; width: 200px;}
</div>

<div class="Dd">起初，神創造天地。 地是空虛混沌，淵面黑暗；神的靈運行在水面上。 神說：要有光，就有了光。 神看光是好的，就把光暗分開了。 神稱光為晝，稱暗為夜。有晚上，有早晨，這是頭一日。 神說：諸水之間要有空氣，將水分為上下。 神就造出空氣，將空氣以下的水、空氣以上的水分開了。事就這樣成了。 神稱空氣為天。有晚上，有早晨，是第二日。 神說：天下的水要聚在一處，使旱地露出來。事就這樣成了。 神稱旱地為地，稱水的聚處為海。神看著是好的。 神說：地要發生青草和結種子的菜蔬，並結果子的樹木，各從其類，果子都包著核。事就這樣成了。
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMa3fbcschI2vxmf4RGwxdn3jfM2N56-Ik46Oh3xFBQ-S0JHRjJvojLfpjKu2dVCmpHmg2Hjk2KEK-4-iQReohtaHv3sL_O2YMX1sGQdEvFlXU4I3RicLmJJ1Ub2Pi1pZ3jY2U3HpCMql/s1024/ck20180728.jpg" style="float: left; margin: 10px;" width="200">
 於是地發生了青草和結種子的菜蔬，各從其類；並結果子的樹木，各從其類；果子都包著核。神看著是好的。 有晚上，有早晨，是第三日。 神說：天上要有光體，可以分晝夜，作記號，定節令、日子、年歲， 並要發光在天空，普照在地上。事就這樣成了。 於是神造了兩個大光，大的管晝，小的管夜，又造眾星， 就把這些光擺列在天空，普照在地上， 管理晝夜，分別明暗。神看著是好的。 有晚上，有早晨，是第四日。 神說：水要多多滋生有生命的物；要有雀鳥飛在地面以上，天空之中。 神就造出大魚和水中所滋生各樣有生命的動物，各從其類；又造出各樣飛鳥，各從其類。神看著是好的。 神就賜福給這一切，說：滋生繁多，充滿海中的水；雀鳥也要多生在地上。 有晚上，有早晨，是第五日。 神說：地要生出活物來，各從其類；牲畜、昆蟲、野獸，各從其類。事就這樣成了。 於是神造出野獸，各從其類；牲畜，各從其類；地上一切昆蟲，各從其類。神看著是好的。 神說：我們要照著我們的形像、按著我們的樣式造人，使他們管理海裡的魚、空中的鳥、地上的牲畜，和全地，並地上所爬的一切昆蟲。 神就照著自己的形像造人，乃是照著他的形像造男造女。 神就賜福給他們，又對他們說：要生養眾多，遍滿地面，治理這地，也要管理海裡的魚、空中的鳥，和地上各樣行動的活物。
<p>....... img style="float: left; margin: 10px; width:200" ......</p>
</div>

<div class="Dd">起初，神創造天地。 地是空虛混沌，淵面黑暗；神的靈運行在水面上。 神說：要有光，就有了光。 神看光是好的，就把光暗分開了。 神稱光為晝，稱暗為夜。有晚上，有早晨，這是頭一日。 神說：諸水之間要有空氣，將水分為上下。 神就造出空氣，將空氣以下的水、空氣以上的水分開了。事就這樣成了。 神稱空氣為天。有晚上，有早晨，是第二日。 神說：天下的水要聚在一處，使旱地露出來。事就這樣成了。 神稱旱地為地，稱水的聚處為海。神看著是好的。 神說：地要發生青草和結種子的菜蔬，並結果子的樹木，各從其類，果子都包著核。事就這樣成了。
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMa3fbcschI2vxmf4RGwxdn3jfM2N56-Ik46Oh3xFBQ-S0JHRjJvojLfpjKu2dVCmpHmg2Hjk2KEK-4-iQReohtaHv3sL_O2YMX1sGQdEvFlXU4I3RicLmJJ1Ub2Pi1pZ3jY2U3HpCMql/s1024/ck20180728.jpg" style="float: right; margin: 10px;" width="200">
 於是地發生了青草和結種子的菜蔬，各從其類；並結果子的樹木，各從其類；果子都包著核。神看著是好的。 有晚上，有早晨，是第三日。 神說：天上要有光體，可以分晝夜，作記號，定節令、日子、年歲， 並要發光在天空，普照在地上。事就這樣成了。 於是神造了兩個大光，大的管晝，小的管夜，又造眾星， 就把這些光擺列在天空，普照在地上， 管理晝夜，分別明暗。神看著是好的。 有晚上，有早晨，是第四日。 神說：水要多多滋生有生命的物；要有雀鳥飛在地面以上，天空之中。 神就造出大魚和水中所滋生各樣有生命的動物，各從其類；又造出各樣飛鳥，各從其類。神看著是好的。 神就賜福給這一切，說：滋生繁多，充滿海中的水；雀鳥也要多生在地上。 有晚上，有早晨，是第五日。 神說：地要生出活物來，各從其類；牲畜、昆蟲、野獸，各從其類。事就這樣成了。 於是神造出野獸，各從其類；牲畜，各從其類；地上一切昆蟲，各從其類。神看著是好的。 神說：我們要照著我們的形像、按著我們的樣式造人，使他們管理海裡的魚、空中的鳥、地上的牲畜，和全地，並地上所爬的一切昆蟲。 神就照著自己的形像造人，乃是照著他的形像造男造女。 神就賜福給他們，又對他們說：要生養眾多，遍滿地面，治理這地，也要管理海裡的魚、空中的鳥，和地上各樣行動的活物。起初，神創造天地。 地是空虛混沌，淵面黑暗；神的靈運行在水面上。 神說：要有光，就有了光。 神看光是好的，就把光暗分開了。 神稱光為晝，稱暗為夜。有晚上，有早晨，這是頭一日。 神說：諸水之間要有空氣，將水分為上下。 神就造出空氣，將空氣以下的水、空氣以上的水分開了。事就這樣成了。 神稱空氣為天。有晚上，有早晨，是第二日。 神說：天下的水要聚在一處，使旱地露出來。事就這樣成了。 神稱旱地為地，稱水的聚處為海。神看著是好的。 神說：地要發生青草和結種子的菜蔬，並結果子的樹木，各從其類，果子都包著核。事就這樣成了。
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMa3fbcschI2vxmf4RGwxdn3jfM2N56-Ik46Oh3xFBQ-S0JHRjJvojLfpjKu2dVCmpHmg2Hjk2KEK-4-iQReohtaHv3sL_O2YMX1sGQdEvFlXU4I3RicLmJJ1Ub2Pi1pZ3jY2U3HpCMql/s1024/ck20180728.jpg" style="float: right; margin: 10px;" width="200">
 於是地發生了青草和結種子的菜蔬，各從其類；並結果子的樹木，各從其類；果子都包著核。神看著是好的。 有晚上，有早晨，是第三日。 神說：天上要有光體，可以分晝夜，作記號，定節令、日子、年歲， 並要發光在天空，普照在地上。事就這樣成了。 於是神造了兩個大光，大的管晝，小的管夜，又造眾星， 就把這些光擺列在天空，普照在地上， 管理晝夜，分別明暗。神看著是好的。 有晚上，有早晨，是第四日。 神說：水要多多滋生有生命的物；要有雀鳥飛在地面以上，天空之中。 神就造出大魚和水中所滋生各樣有生命的動物，各從其類；又造出各樣飛鳥，各從其類。神看著是好的。 神就賜福給這一切，說：滋生繁多，充滿海中的水；雀鳥也要多生在地上。 有晚上，有早晨，是第五日。 神說：地要生出活物來，各從其類；牲畜、昆蟲、野獸，各從其類。事就這樣成了。 於是神造出野獸，各從其類；牲畜，各從其類；地上一切昆蟲，各從其類。神看著是好的。 神說：我們要照著我們的形像、按著我們的樣式造人，使他們管理海裡的魚、空中的鳥、地上的牲畜，和全地，並地上所爬的一切昆蟲。 神就照著自己的形像造人，乃是照著他的形像造男造女。 神就賜福給他們，又對他們說：要生養眾多，遍滿地面，治理這地，也要管理海裡的魚、空中的鳥，和地上各樣行動的活物。起初，神創造天地。 地是空虛混沌，淵面黑暗；神的靈運行在水面上。 神說：要有光，就有了光。 神看光是好的，就把光暗分開了。 神稱光為晝，稱暗為夜。有晚上，有早晨，這是頭一日。 神說：諸水之間要有空氣，將水分為上下。 神就造出空氣，將空氣以下的水、空氣以上的水分開了。事就這樣成了。 神稱空氣為天。有晚上，有早晨，是第二日。 神說：天下的水要聚在一處，使旱地露出來。事就這樣成了。 神稱旱地為地，稱水的聚處為海。神看著是好的。 神說：地要發生青草和結種子的菜蔬，並結果子的樹木，各從其類，果子都包著核。事就這樣成了。
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMa3fbcschI2vxmf4RGwxdn3jfM2N56-Ik46Oh3xFBQ-S0JHRjJvojLfpjKu2dVCmpHmg2Hjk2KEK-4-iQReohtaHv3sL_O2YMX1sGQdEvFlXU4I3RicLmJJ1Ub2Pi1pZ3jY2U3HpCMql/s1024/ck20180728.jpg" style="float: right; margin: 10px;" width="200">
 於是地發生了青草和結種子的菜蔬，各從其類；並結果子的樹木，各從其類；果子都包著核。神看著是好的。 有晚上，有早晨，是第三日。 神說：天上要有光體，可以分晝夜，作記號，定節令、日子、年歲， 並要發光在天空，普照在地上。事就這樣成了。 於是神造了兩個大光，大的管晝，小的管夜，又造眾星， 就把這些光擺列在天空，普照在地上， 管理晝夜，分別明暗。神看著是好的。 有晚上，有早晨，是第四日。 神說：水要多多滋生有生命的物；要有雀鳥飛在地面以上，天空之中。 神就造出大魚和水中所滋生各樣有生命的動物，各從其類；又造出各樣飛鳥，各從其類。神看著是好的。 神就賜福給這一切，說：滋生繁多，充滿海中的水；雀鳥也要多生在地上。 有晚上，有早晨，是第五日。 神說：地要生出活物來，各從其類；牲畜、昆蟲、野獸，各從其類。事就這樣成了。 於是神造出野獸，各從其類；牲畜，各從其類；地上一切昆蟲，各從其類。神看著是好的。 神說：我們要照著我們的形像、按著我們的樣式造人，使他們管理海裡的魚、空中的鳥、地上的牲畜，和全地，並地上所爬的一切昆蟲。 神就照著自己的形像造人，乃是照著他的形像造男造女。 神就賜福給他們，又對他們說：要生養眾多，遍滿地面，治理這地，也要管理海裡的魚、空中的鳥，和地上各樣行動的活物。
<p>....... img style="float: right; margin: 10px; width:200" ......</p></div>
</div>

.Dd {height: inherit; width: inherit;border: 1px solid black;margin-top:-0px;background-color:linen ;display:none;padding:3px;font-size: 22px;overflow:scroll }
</style>

//alert(length )
}
</script>

Edit

用JavaScript連結Google Sheets #html #網頁計設計 #網頁資料庫 #script #style #css float left #css float right

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單