码迷,mamicode.com
首页 > 移动开发 > 详细

移动页面div居中效果代码

时间:2015-11-13 06:12:31      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:

在线查看效果:
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://keleyi.com">柯乐义</a> 
<a href="http://tool.keleyi.com">工具</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>


技术分享

 

web前端: http://www.cnblogs.com/jihua/p/webfront.html

移动页面div居中效果代码

标签:

原文地址:http://www.cnblogs.com/jihua/p/mobiblecenter.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!