DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 網頁特效代碼 >> 移動頁面div居中效果代碼
移動頁面div居中效果代碼
編輯:網頁特效代碼     
在線查看效果:
http://hovertree.com/texiao/mobile/4.htm

可用手機浏覽器查看

以下為HTML文件:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>移動頁面div居中效果-移動</title><base target="_blank"/>
<meta charset="utf-8" />
<style>
.hovertreecenter{width:80%;margin:0px auto;border:1px solid gray;}
a{color:blue;text-decoration:none;}
</style>
</head>
<body>
<div class="hovertreecenter">這是一個div,用手機浏覽器打開可見居中。當然用PC浏覽器也是居中的。但更適合多種移動浏覽器。居中代碼請看 .hovertreecenter類樣式。
<br /><a href="http://hovertree.com">首頁</a> <a href="http://"></a>
<a href="http://tool.">工具</a> <a href="http://m.hovertree.com">答題</a>
<a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/hvtart/bjae/t2lo8pf7.htm">原文</a><br />
<br />猜幾個燈謎(謎面包含“起”):<br />
<a href="http://m.hovertree.com/miyu/bjae/ky5dbn94.htm">1 頭上青絲盤繞起(3字旅游新詞)</a> <br />
<a href="http://m.hovertree.com/miyu/bjae/mr8uuo1i.htm">2 晨起山間飛鳥鳴 (打一字)</a> <br />
<a href="http://m.hovertree.com/miyu/bjae/ousx0rqh.htm">3 左看馬靠它,右看它靠馬,兩邊一起看,腳踩萬裡沙。 (打一字)</a>
<img src="http://m.hovertree.com/tu/baje/mm.jpg"/><br />
第二個解析 :晨起為“日”,山間為“丨”,飛鳥鳴為“口”,“飛”為減損詞,解讀為“鳴”的“鳥”飛走了。謎底為:呻
</div>
</body>
</html>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved